iframe 传递参数
时间: 2023-10-13 22:16:42 浏览: 100
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
可以通过以下步骤来实现 iframe 传递参数:
1. 在父页面中定义一个变量或对象,存储需要传递给 iframe 的参数。
2. 在 iframe 的 src 属性中添加参数,例如:`<iframe src="child.html?param1=value1¶m2=value2"></iframe>`。
3. 在 iframe 内部的子页面中,通过 `window.location.search` 获取参数字符串,并将其解析为对象。
4. 在子页面中使用获取到的参数进行相应的操作。
下面是一个示例代码:
在父页面中:
```html
<!-- 定义一个对象,存储参数 -->
<script>
var params = {
name: 'John',
age: 25
};
</script>
<!-- 将参数传递给 iframe -->
<iframe src="child.html"></iframe>
```
在子页面(child.html)中:
```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>
```
阅读全文