js获取iframe通过url传递的参数
时间: 2023-09-01 13:07:43 浏览: 39
可以通过以下步骤获取iframe通过url传递的参数:
1. 获取iframe元素
```javascript
var iframe = document.getElementById('my-iframe');
```
2. 获取iframe的src属性
```javascript
var src = iframe.getAttribute('src');
```
3. 使用URLSearchParams获取URL参数
```javascript
var urlParams = new URLSearchParams(src);
```
4. 获取参数值
```javascript
var paramValue = urlParams.get('paramName');
```
完整代码如下:
```javascript
var iframe = document.getElementById('my-iframe');
var src = iframe.getAttribute('src');
var urlParams = new URLSearchParams(src);
var paramValue = urlParams.get('paramName');
```
相关问题
iframe 获取 url 参数
要在iframe中获取URL参数,可以使用以下代码:
```javascript
function requestParameter() {
var paramObj = new Object();
var url = window.location.search; // 获取url中第一个"?"符后的字符串
var paramStr = url.substr(1).split("?")\[1\]; // 获取url中第二个"?"后的字符串
var paramArray = paramStr.split("&");
for (var i = 0; i < paramArray.length; i++) {
paramObj\[paramArray\[i\].split("=")\[0\]\] = (paramArray\[i\].split("=")\[1\]);
}
return paramObj;
}
var param1 = requestParameter()\["param1"\];
var param2 = requestParameter()\["param2"\];
```
这段代码将URL参数解析为一个对象,你可以通过`param1`和`param2`来获取对应的参数值。
#### 引用[.reference_title]
- *1* [获取Layui iframe页面的url参数](https://blog.csdn.net/qq_41829337/article/details/126290625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [iframes传递参数后获取参数方法(url中传参)](https://blog.csdn.net/Anno_O/article/details/114328120)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
iframe父子页面传递参数
在父子页面之间传递参数,可以使用 iframe 的 postMessage 方法。
在父页面中,使用 JavaScript 获取到 iframe 元素,并使用 postMessage 方法发送消息给子页面,如下所示:
```javascript
var iframe = document.getElementById('myIframe');
iframe.contentWindow.postMessage('参数值', '子页面URL');
```
在子页面中,监听 message 事件,并处理接收到的参数,如下所示:
```javascript
window.addEventListener('message', function(event) {
if (event.origin === '父页面URL') {
var 参数值 = event.data;
// 处理接收到的参数
}
});
```
请注意替换代码中的 `myIframe`、`子页面URL` 和 `父页面URL` 分别为你的 iframe 的 id、子页面 URL 和父页面 URL。
这样,父子页面之间就可以通过 postMessage 方法传递参数了。