跨文档消息传送(cross-document messaging),有时候简称XDM,指的是在来自不同域的页面间传递消息
XDM的核心:postMessage()方法 该方法接收两个参数:
1、一条消息(最好是string,如果是json,那就JSON.stringify()转成string)
2、一个表示消息接收方来自哪一个域的字符串
例如:
1)var iframeWindow = document.getElementById("myIframe").contentWindow;
iframeWindow.postMessage(‘A secret‘,‘http://www.wrop.com‘);
2)接收到消息之后,会触发window对象中的message事件(该事件是以异步形式触发,从发送消息到接收消息可能经过一段时间延迟)。
3)触发事件后,传递给onmessage处理程序的事件对象包含以下三方面的重要信息
if(event.origin == "http://www.wrop.com"){
processMessage(event.data);
}