h5新属性postmessage

来源:互联网 发布:k漫软件下载 编辑:程序博客网 时间:2024/05/16 04:43

发送方:

---》1.发送请求

window.onload=function(){

            window.frames[0].postMessage('urlde','*');

        }

----》3.接受方反馈给发送方的请求

        window.addEventListener('message',function(e){
            var url=e.data;
           $("#some_one").attr("src",url);
        },false);

接受方:

----》2.接受请求

var url="https://www.baidu.com/";
window.addEventListener('message',function(e){
                if(e.source!=window.parent) return;
                var urlde=url;
                window.parent.postMessage(urlde,'*');
            },false);


注意

1.监听事件addEventListenter在IE浏览器不兼容

if(window.addEventListner){

window.addEventListner('message',function(){


})

}else{

window.attachEvent('message',functoion(){

})

}

2.数据发送端也叫发送源,接收方可以是iframe或者open新打开的页面

原创粉丝点击