跨文档消息传递XDM

XDM：cross-document messaging

指来自不同域的页面间传递消息

XDM已经作为一个规范独立出来，现在名为Web Messaging
官方页面：https://html.spec.whatwg.org/multipage/web-messaging.html#web-messaging

XDM核心是postMessage()方法，向包含在当前页面的<iframe>元素/当前页面弹出的窗口传递数据。

postMessage(消息，消息接收方的域)

第一个参数为: 消息字符串，若要传入结构化数据，通过json.stringify()把数据解析成字符串形式。

第二个参数: 对保障安全通信有重要作用，可以防止浏览器把消息发送到不安全的地方

var iframeWindow = document.getElementById("iframeID").contentWindow; //所有支持XDM的浏览器也支持iframe的contentWindow属性
iframeWindow.postMessage("消息","http://www.xxx.com");

接受到XDM消息时，会触发window的message事件，该事件以异步形式触发，所以从发送消息到接收消息会有时间延迟。触发message事件后，传递给onmessage事件处理程序的event对象包含：

1. data： 传入postMessage()的第一个参数，即消息。若处理的是使用json.stringify()后的结构化数据字符串， 
通过json.parse()方法把字符串解析回结构化数据。

2. origin ：发送消息的文档所在域

3. source：发送消息的文档的window对象代理，用于调用postMessage方法