Html5 mssenger

var loadHandler = function() {
   var mc, portMessageHandler;
   mc = new MessageChannel();
   window.parent.postMessage('documentAHasLoaded','http://foo.example',[mc.port2]);
   
   portMessageHandler = function(portMsgEvent) {
      alert( portMsgEvent.data );
   }
   
   mc.port1.addEventListener('message', portMessageHandler, false);
   mc.port1.start();
}
window.addEventListener('DOMContentLoaded', loadHandler, false);

Source: tutorialspoint.com

Html5 mssenger

var iframe = document.querySelector('iframe');
var button = document.querySelector('button');

var clickHandler = function() {
   iframe.contentWindow.postMessage('The message to send.',
      'https://www.tutorialspoint.com);
}
button.addEventListener('click',clickHandler,false);

Source: tutorialspoint.com

Html5 mssenger

var messageEventHandler = function(event){
   
   // check that the origin is one we want.
   if(event.origin == 'https://www.tutorialspoint.com') {
      alert(event.data);
   }
}
window.addEventListener('message', messageEventHandler,false);

Source: tutorialspoint.com

Similar codes

7 votes173 views2 answers
How to redirect a page to another url in html
Html
0 vote182 views1 answer
Html how to nest 2 tags
Html
0 vote185 views1 answer
Col tag in html
Html
0 vote162 views1 answer
How to select every element except first
Html
2 votes256 views3 answers
Coronavirus tips
Html
0 vote175 views1 answer
Twig merge
Html
0 vote181 views1 answer
Store json object in data attribute in html
Html
-1 vote174 views1 answer
Mount everest is much higher than mount blanc
Html
-1 vote245 views1 answer
How to use h4 tag html
Html
-1 vote159 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html