给iframe传参数

要向 iframe 传递参数，可以使用 URL 查询字符串或通过 JavaScript 动态修改 iframe 的 src 属性。

使用 URL 查询字符串：
1. 在 iframe 的 src 属性中添加查询字符串，例如 `src="iframe.html?param1=value1&param2=value2"`
2. 在 iframe 内部的页面（iframe.html）中，可以使用 JavaScript 获取参数值，例如 `const params = new URLSearchParams(window.location.search);`
3. 通过 `params.get('param1')` 获取参数值。

动态修改 iframe 的 src 属性：
1. 在 JavaScript 中获取 iframe 元素，例如 `const iframe = document.getElementById('myIframe');`
2. 使用 `iframe.src = 'newURL'` 来动态修改 src 属性。

无论使用哪种方法，都需要确保 iframe 所在的域与父页面的域相同，以避免跨域安全问题。

相关问题

vue iframe url传参数

可以使用query参数或者hash参数来传递参数。query参数可以通过在url后面加上?参数名=参数值的方式传递，多个参数之间用&连接。hash参数可以通过在url后面加上#参数名=参数值的方式传递，多个参数之间用&连接。在vue中可以通过$route.query或$route.params来获取参数值。

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>