码迷,mamicode.com
首页 > 其他好文 > 详细

postMessage解决跨域下跨文档通信

时间:2015-08-29 00:49:54      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

postMessage方法可以向另外一个窗口发送消息,

该方法是window下的一个全局方法。用法:

首先找到新窗口的window的对象,然后调用postMessage方法,该方法接受两个参数,第一个参数为数据,第二个参数为打开的新窗口的域(带协议的)。例如:

oMyIframe.contentWindow.postMessage(‘1‘, ‘http://www.b.com‘);

在被打开的新窗口里面,有一个message事件:当窗口接受到通过postMessage传递过来的数据时就会触发该事件!

接受到的数据可以通过ev.data获取到,发送数据的域可以通过ev.origin获取到。例如:

window.addEventListener(‘message‘, function(ev) {

        //ev.data : 发送过来的数据
        //ev.origin        
        if (ev.data == ‘?‘) {
            document.body.style.background = ‘red‘;
        }
        
    }, false);

 

postMessage解决跨域下跨文档通信

标签:

原文地址:http://www.cnblogs.com/toodeep/p/4768215.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!