页面通信方式——跨文档消息传递XDM

XDM：cross-document 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方法