如何接收postMessage的参数

要接收postMessage的参数，需要在目标窗口或iframe中添加一个事件监听器，监听message事件。在事件监听器中，通过event对象访问传递过来的参数。

具体步骤如下：
1. 在目标窗口或iframe中，使用window.addEventListener()方法添加一个message事件监听器。例如：

window.addEventListener('message', handleMessage, false);

2. 在事件监听器函数handleMessage中，可以通过event对象获取传递过来的参数。event对象包含三个重要的属性：
- event.data：表示传递的参数值。
- event.origin：表示发送消息的文档所在的域名。
- event.source：表示发送消息文档的window对象的代理。

例如，可以通过下面的代码来处理接收到的消息：

function handleMessage(event) {
  var message = event.data;
  var origin = event.origin;
  var source = event.source;

  // 处理接收到的消息
  // ...
}

在handleMessage函数中，你可以根据需要使用message、origin和source来处理接收到的消息。

需要注意的是，为了保证安全性，应该对origin进行验证，以确保消息来自可信的域名。可以使用if语句来判断origin值，只处理来自特定域名的消息。

总结起来，要接收postMessage的参数，需要在目标窗口或iframe中添加一个message事件监听器，并在监听器函数中使用event对象来获取传递过来的参数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Web前端iframe使用以及页面通信postmessage](https://blog.csdn.net/weixin_42845571/article/details/118335177)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]