在现代Web应用程序中,经常需要在不同的窗口或标签页之间进行通信。跨文档消息传递(Cross-Document Messaging)是一种在HTML5中引入的机制,它允许不同的文档(窗口、标签页或iframe)之间安全地传递消息。本文将介绍如何使用跨文档消息传递在H5中实现窗口间的通信,并提供相应的源代码示例。
跨文档消息传递的基本原理是通过postMessage()方法来发送和接收消息。该方法允许我们指定目标窗口、消息内容和接收消息的窗口的源。下面是一个简单的示例,演示了如何在两个窗口之间发送和接收消息:
窗口A的代码:
// 发送消息到窗口B
var targetWindow = window.opener || window.parent; // 获取目标窗口的引用
targ