PostMessage 跨域

参考：http://www.ibm.com/developerworks/cn/web/1301_jiangjj_html5message/

 

 

 

Test 2  send  to    Test 1

Test 1:

<iframe src="http://10.3.255.203:8080"></iframe>
<script>
function receiveMessage(e) {
alert(e.data);
}
window.addEventListener("message", receiveMessage, false);
</script>

Test 2:

<input type="text" value="send" id="input" />
<input type="button" value="send" id="button" />
<script>
document.getElementById('button').onclick = function () {
top.postMessage(document.getElementById('input').value, '*');
};
</script>

 

 

 

 

 

 

 

 

 

Test1  send to   Test2

 

Test1

<iframe id="frame" src="test2.html"></iframe>

    <input type="text" value="send" id="input" />

    <input type="button" value="send" id="button" />

    <script>

      document.getElementById('button').onclick = function () {

          window.frames[0].postMessage(document.getElementById('input').value, '*');

      };

    </script>

Test2

<script>

      function receiveMessage(e) {

        alert(e.data);

      }

      window.addEventListener("message", receiveMessage, false);

    </script>