The so-called "same domain restriction" refers to For security reasons, browsers only allow scripts to communicate with addresses of the same protocol, same domain name, and same port.
2. Window.postMessage methodBrowser restrictions are different Communication between windows (including iFrame windows), unless the two windows load web pages under the same domain name. The window.postMessage method is specifically designed to solve this problem, allowing users of different domain names to communicate. Windows communicate with each other. The format of thepostMessage method is as follows:
targetWindow.postMessage(message, targetURL[, transferObject]);
variable
pointing to the target window, message is the message to be sent, and the targetURL is the specified The URL of the target window will not send information if it does not match the URL. The transferObject is the Transferableobject that is sent along with the information. Assume that a new window pops up on the current web page. ##Then listen to the message event
on the current web page.var popup = window.open(...popup details ...);
callback function of the message event is receiveMessage, once it is received from other windows message, the receiveMessage function will be called. The receiveMessage function accepts an event event object as a parameter. The origin attribute
in the parameter indicates the source URL of the message. If the URL does not meet the requirements, event. The data attribute contains the information actually sent. In addition to origin and data, the attributes of the event object also have a source attribute, which points to the window object that sends the information to the current web page.Then, Use the postMessage method to send information to a new window on the current web page.
window.addEventListener('message', receiveMessage, false); function receiveMessage(e) { if (e.origin != 'http://example.org') { return; } console.log(e.data); }
popup.postMessage('hello world!', 'http://example.org');
The above is the detailed content of Detailed explanation of new features of HTML5: Cross-document message transmission. For more information, please follow other related articles on the PHP Chinese website!