Search code examples
javascripthtmldom-eventspostmessage

How can I send an event from parent window to its child window?

I want to send some event/data from parent window to its child window. How can I do so?

I have tried postMessage, but it didn't work.

Solution

  • It has worked now, earlier I was doing some syntax mistake. Here is the correct code for the same.

    //parent Window
childWindow=window.open("http:/localhost/abcd.php","_blank","width=500,height=500");
childWindow.postMessage('message',"http://localhost:80/child.php");


//child Window
var newUrl='';
window.addEventListener(
 "message",
 function(e) { 

console.log(e.data);//your data is captured in e.data 
}, false);