Cross-window communication with unrestricted target origin¶
window.postMessage method allows different windows or iframes to communicate directly, even if they were loaded from different origins, circumventing the usual same-origin policy.
The sender of the message can restrict the origin of the receiver by specifying a target origin. If the receiver window does not come from this origin, the message is not sent.
Alternatively, the sender can specify a target origin of
'*', which means that any origin is acceptable and the message is always sent.
This feature should not be used if the message being sent contains sensitive data such as user credentials: the target window may have been loaded from a malicious site, to which the data would then become available.
If possible, specify a target origin when using
window.postMessage. Alternatively, encrypt the sensitive data before sending it to prevent an unauthorized receiver from accessing it.
The following example code sends user credentials (in this case, their user name) to
window.parent without checking its origin. If a malicious site loads the page containing this code into an iframe it would be able to gain access to the user name.
To prevent this from happening, the origin of the target window should be restricted, as in this example: