html5 cross-document message transmission example discussion_html5 tutorial skills

Monitor the message event of the window object

Copy the code

The code is as follows:

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:

Copy code

The code is 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

Copy code

The code is as follows:

gt ;

Cross-domain communication example