html iframe 传递参数 到主页面

可以通过在 iframe 中添加一个 onload 事件，在 onload 事件中通过 postMessage 方法向主页面传递数据。主页面再通过监听 message 事件接收数据。具体可以参考以下链接：https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

相关问题

iframe父子页面传递参数

在父子页面之间传递参数，可以使用 iframe 的 postMessage 方法。

在父页面中，使用 JavaScript 获取到 iframe 元素，并使用 postMessage 方法发送消息给子页面，如下所示：

var iframe = document.getElementById('myIframe');
iframe.contentWindow.postMessage('参数值', '子页面URL');

在子页面中，监听 message 事件，并处理接收到的参数，如下所示：

window.addEventListener('message', function(event) {
  if (event.origin === '父页面URL') {
    var 参数值 = event.data;
    // 处理接收到的参数
  }
});

请注意替换代码中的 `myIframe`、`子页面URL` 和 `父页面URL` 分别为你的 iframe 的 id、子页面 URL 和父页面 URL。

这样，父子页面之间就可以通过 postMessage 方法传递参数了。

iframe 传递参数

可以通过以下步骤来实现 iframe 传递参数：

1. 在父页面中定义一个变量或对象，存储需要传递给 iframe 的参数。

2. 在 iframe 的 src 属性中添加参数，例如：`<iframe src="child.html?param1=value1&param2=value2"></iframe>`。

3. 在 iframe 内部的子页面中，通过 `window.location.search` 获取参数字符串，并将其解析为对象。

4. 在子页面中使用获取到的参数进行相应的操作。

下面是一个示例代码：

在父页面中：

<!-- 定义一个对象，存储参数 -->
<script>
  var params = {
    name: 'John',
    age: 25
  };
</script>

<!-- 将参数传递给 iframe -->
<iframe src="child.html"></iframe>

在子页面（child.html）中：

<script>
  // 获取参数
  var search = window.location.search;
  var paramsStr = search.substr(1);
  var paramsArr = paramsStr.split('&');
  var paramsObj = {};
  for (var i = 0; i < paramsArr.length; i++) {
    var arr = paramsArr[i].split('=');
    paramsObj[arr[0]] = arr[1];
  }

  // 使用参数
  console.log(paramsObj.name); // 输出 John
  console.log(paramsObj.age); // 输出 25
</script>