使用postMessage实现跨域页面间的信息传递

在Web开发中，经常会遇到需要在不同域名或不同域的页面间进行通信的情况。由于浏览器的同源策略限制，直接在JavaScript中进行跨域通信是不被允许的。然而，通过使用HTML5中引入的postMessage方法，我们可以实现跨域页面间的安全信息传递。

postMessage方法允许我们在一个页面中向其他页面发送消息，并通过事件监听器接收响应。这种方法可以用于在不同域的页面之间传递数据、调用函数或进行双向通信。

下面是使用postMessage实现跨域页面间信息传递的示例代码：

在发送消息的页面（发送方）中，我们可以使用如下代码发送消息给目标页面：

// 发送方页面

// 获取目标页面的窗口对象
var targetWindow = document.getElementById('target-iframe').<