有思俱乐部学习园地

页面消息传递,解决跨域问题


U.UF.EV.message(fun, issender, id, iframeid)

/**
*  页面消息传递,解决跨域问题。
* @param  {function} 跨域iframe传参的回调函数
* @param  {boolean} 是否是发送者,在iframe里面的是接收者,iframe外的是发送者
* @param  {string} 与iframe通讯的唯一识别id,如果是接收多个不同回调的消息,那么需要传参
* @param  {string} 需要跨域的iframe的id
*/
页面一
html:
<iframe src="http://123456.com/index.html" id="bbb">
</iframe>
js:
window.onload = function () {
 var r = new U.UF.EV.message(function (i) { //这是监控消息的函数
            alert(i)
         }, true,true是发送者,false是接收者 
         "aaa",/aaa是消息传递的唯一ID
         "bbb");//bbb是iframe的id
        r.post("saasd", "aaa");
    }
下面是iframe  id是:bbb

页面二:
html:无
js:
new U.UF.EV.message(function (r) {//这个是接收信息的
        alert(r);
    }, false,//true是发送者,false是接收者 
     "aaa",//aaa是消息传递的唯一ID
     null);
页面一是发送消息 页面二是接收信息

工作人员

 
作者:廖泽愈
信息录入:廖泽愈