首页 > 其他 > 详细

PostMessage 跨域

时间:2015-03-17 23:25:59      阅读:637      评论:0      收藏:0      [点我收藏+]

参考: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>

 

PostMessage 跨域

原文:http://www.cnblogs.com/architects/p/4345628.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!