优雅的使用XDM（跨文档消息传递）

问题

如何才能使两个甚至多个不同域的系统在一个页面进行通信呢？
在工作中，老板交给我一个任务，他需要2个甚至多个不同域的系统集成在一个页面上，并进行信息的交换与传递，找了很多资料，最终发现可以通过这个方法简单来实现

跨文档消息传递

指的是在不同域的页面间传递消息，例如在http://www.xxx.com域中的某个页面中与其内嵌框架中的http://www.yyy.com域中 页面进行通信。XDM 的核心是 postMessage()方法。其作用是向另一个地方传递数据，‘‘另一个地方’’指的是包含在当前页面中的

假设以下这个页面是http://www.yyy.com的某个页面(是www.xxx.com的内嵌页面)

网页效果展示：

向内嵌页面发送数据

内嵌页面向父页面发送数据