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

0 vote115 views1 answer
Nested select option in html
Html
0 vote106 views3 answers
How can we change background in loop img in webpages
Html
1 vote120 views1 answer
How change height and width in html
Html
0 vote100 views1 answer
Input type=number 01
Html
14 votes105 views1 answer
Leading spaces html
Html
1 vote100 views1 answer
At html
Html
1 vote107 views1 answer
Vue get element by id
Html
0 vote114 views1 answer
Dom button
Html
0 vote107 views2 answers
Jinja2.exceptions.templatenotfound: templates/index.html
Html
0 vote107 views1 answer
<iframe width="480" height="440" src="https://statpedia.com/embed/HJRkNdPtd" frameborder="0" allowfullscreen></iframe>
Html