首页 > 其他 > 详细

postMessage解决跨域下跨文档通信

时间:2015-08-29 00:46:46      阅读:130      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!