HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信。
1.首先,要想接收从其他的窗口发过来的消息,就必须对窗口对象的message事件进行监听,如下代码:
window.addEventListener(“message”,function(){},false);
2.其次,需要使用window对象的postMessage方法向其他窗口发送消息,该方法定义如下所示:
otherWindow.postMessage(message,targetOrigin);
该方法使用2个参数,第一个参数为所发送的消息文本,但也可以是任何JavaScript对象,第二个参数是接收消息的对象窗口的url地址(比如:治疗白癜风效果如何白颠疯