嵌套的iframe页面怎么获取从上级页面传递过来的参数
时间: 2023-11-21 15:05:03 浏览: 104
在嵌套的iframe页面中,可以使用JavaScript的`window.top`属性来获取上级页面的窗口对象,然后通过该窗口对象的`location.search`属性来获取传递过来的参数。具体的代码实现如下:
```
// 获取上级页面的窗口对象
var topWindow = window.top;
// 获取上级页面传递过来的参数
var params = topWindow.location.search;
```
在上面的代码中,`params`变量就是上级页面传递过来的参数,它的值可以是形如`?param1=value1¶m2=value2`的字符串,这里需要根据具体情况进行处理。例如,可以使用JavaScript的`URLSearchParams`对象来解析这些参数:
```
// 解析参数
var searchParams = new URLSearchParams(params);
// 获取指定参数的值
var param1Value = searchParams.get('param1');
var param2Value = searchParams.get('param2');
```
在上面的代码中,`param1Value`和`param2Value`分别是`param1`和`param2`参数的值。
相关问题
一个页面嵌套了一个iframe标签,通过src属性传递了一个id值,被嵌套的iframe页面如何拿到这个id值
被嵌套的iframe页面可以通过以下步骤拿到传递的id值:
1. 在iframe页面内部,可以通过`window.location.href`获取当前URL地址,包含传递过来的id值。
2. 在iframe页面内部,可以通过`window.parent.document`获取父页面的文档对象,从而获取父页面传递过来的id值。
比如,假设父页面传递的id值为"12345",那么可以在iframe页面内部使用以下代码获取到这个id值:
```
var id = window.location.href.split("=")[1]; // 获取当前URL中的参数值
var parentId = window.parent.document.getElementById("iframe").getAttribute("src").split("=")[1]; // 获取父页面传递过来的id值
console.log(id); // 输出"12345"
console.log(parentId); // 输出"12345"
```
其中,"iframe"是父页面中嵌套iframe标签的id属性值。
阅读全文
相关推荐












