Specification
[1]
Compatibility
IE8+, Std
[1]
Syntax
<script type="text/javascript"> var iframe = document.createElement("iframe"); iframe.src = "http://subdomain.example.com:8080/studio/project/4what.cn/sample/js/Window.postMessage/iframe.html"; iframe.style.display = "none"; document.body.appendChild(iframe); iframe.onload = function() { iframe.contentWindow.postMessage(new Date(), "http://subdomain.example.com:8080"); }; function receiver(e) { if (e.origin !== "http://subdomain.example.com:8080") { //return; } alert("RESPONSE\n" + "data: " + e.data + "\n" + "origin: " + e.origin); } $js.bind(window, "message", receiver); </script>
iframe.html
<script type="text/javascript"> function receiver(e) { if (e.origin !== "http://www.example.com:8080") { //return; } alert("REQUEST\n" + "data: " + e.data + "\n" + "origin: " + e.origin); e.source.postMessage(new Date(), e.origin); } $js.bind(window, "message", receiver); </script>
Example