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

1 vote161 views1 answer
Html a tag underline none
Html
0 vote175 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html
49 votes175 views4 answers
Disable autocomplete on input
Html
26 votes158 views3 answers
Html animation
Html
1 vote162 views1 answer
Vue submit reloads page
Html
0 vote152 views1 answer
Metro ui
Html
2 votes162 views2 answers
Add html img tag
Html
3 votes153 views2 answers
Semantic elements
Html
0 vote154 views1 answer
How to add different components in the same page in angular
Html
11 votes153 views3 answers
Html text justify
Html