postMessage的基础用法

postMessage是HTML5中新增的API，用于在不同的窗口、标签页或者iframe之间传递数据。它的基础用法如下：

在发送消息的窗口中调用postMessage方法：

window.postMessage(message, targetOrigin);

其中，message是要发送的消息，可以是字符串、数字、对象等；targetOrigin是目标窗口的源，可以是字符串"*"（表示不限制源）或者具体的源（比如"http://example.com"）。

在接收消息的窗口中监听message事件：

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event) {
  // event.data就是发送过来的消息
  // event.origin就是发送窗口的源
}

当接收到消息时，会触发message事件，事件对象event包含发送过来的消息event.data和发送窗口的源event.origin。