前端iframe父子页面传递参数

前端中，通过`<iframe>`实现父子页面之间的参数传递通常涉及到window.postMessage()方法。当在一个页面（父页面）中有一个嵌套的`iframe`（子页面），你可以这样做：

1. **父页面向子页面发送数据**:
父页面通过JavaScript的`postMessage()`方法，将需要传递的数据作为参数发送：

   window.parent.postMessage({ key: 'value'}, '*');

`*`是一个通配符，表示可以接收来自任何源的消息。

2. **子页面接收数据**:
子页面（即iframe内部的窗口）需要设置`window.addEventListener('message')`监听消息，并处理接收到的数据：

   window.addEventListener('message', function(event) {
       if (event.origin !== 'http://parent-domain.com') return; // 防止跨域攻击
       console.log(event.data); // 打印接收到的数据
       // 在这里处理接收到的数据
   });

3. **安全性注意**:
跨域限制（同源策略）意味着除非父页面和子页面在相同的域名下，否则`postMessage()`默认只允许它们之间通信。为了安全起见，你需要检查事件的`origin`属性来确认发送者的来源是否可信。