postmessage 如何实现

`postMessage` 是一个 Web API，允许来自不同源的脚本之间通过构造一个包含信息的消息对象进行通信。以下是如何使用 `postMessage` 的基本步骤：

发送消息

要从一个源发送消息到另一个源，你可以使用 `window.postMessage()` 方法。

```javascript

// 发送消息到另一个窗口或iframe

var iframe = document.getElementById('myIframe');

iframe.contentWindow.postMessage('Hello from the sender!', 'http://example.com');

```

在这个例子中，`'Hello from the sender!'` 是要发送的消息内容，`'http://example.com'` 是目标窗口或iframe的源（即消息目标源）。

接收消息

要接收消息，你需要监听 `message` 事件。

```javascript

// 在目标窗口或iframe中监听消息

window.addEventListener('message', function(event) {

// 确保消息来自预期的源

if (event.origin === 'http://expected-source.com') {

console.log('Received message: ' + event.data);