Monitor the message event of the window object
window .addEventListener("message", function(event) {
// handler code
}, false);
Use the postMessage() method of the window object to send messages to other windows , the method is defined as follows:
otherwindow. postMessage(message, targetOrigin);
This method uses two parameters: the first parameter is the text of the message sent, but it can also be any JavaScript object (converting the object to text through JSON); The second parameter is the URL address of the object window that receives the message. You can use the wildcard "*" in the URL address string to specify all addresses, but it is recommended to use an accurate URL address. otherwindow is to send a reference to the window object. You can return the object through the window.open() method, or return the window object attributed to a single frame by specifying the serial number (index) or name in the window.frames array.
Example
Cross-Document Messaging Example Master Document
< body>
Cross-domain communication example