html5跨域通信

来源:互联网 发布:东方雨虹js防水涂料 编辑:程序博客网 时间:2024/06/14 16:30
/*向http://www.baidu.com域的iframe传递信息 */
var iframeWindow=document.getElementById('iframe');iframeWindow.postMessage('message','http://www.baidu.com',iframeWindow);

/**在iframe接收信息 
 * event:
 *      event.origin,源
 *      event.data:数据,字符串
 *      event.source:发送消息的窗口,iframeWindow
*/
window.onmessage=function(event){    if(event.origin==='http://www.baidu.com'){        handle(event.data);//处理数据        //回执消息        event.source.postMessage('recived','localhost:8080');    }}

//postMessage(data,origin,source)支持程度
//IE8+,chrome,safari等
原创粉丝点击