Iframe页面如和获取src里面的属性
时间: 2024-01-24 18:16:56 浏览: 142
你可以通过 JavaScript 获取 iframe 元素的属性,例如 src 属性。以下是一个获取 iframe src 属性的示例代码:
```html
<iframe id="myFrame" src="https://www.example.com"></iframe>
<script>
// 获取 iframe 元素
var myFrame = document.getElementById("myFrame");
// 获取 iframe 的 src 属性
var src = myFrame.getAttribute("src");
// 输出 src 属性
console.log(src);
</script>
```
在上面的示例中,我们首先使用 `document.getElementById` 方法获取了 id 为 "myFrame" 的 iframe 元素,然后使用 `getAttribute` 方法获取了 iframe 的 src 属性,并将其输出到控制台上。
相关问题
vue子页面获取iframe的src
如果你的 Vue 子页面嵌套了一个 iframe,并且想要获取该 iframe 的 src,可以使用以下代码:
```
mounted() {
const iframe = this.$refs.iframe
const src = iframe.contentWindow.location.href
console.log(src)
}
```
其中,`$refs` 是 Vue 提供的一个用于访问子组件或元素的 API。在模板中给 iframe 添加一个 ref 属性,然后在 mounted 钩子函数中使用 `$refs` 获取该元素,再通过 `contentWindow` 属性获取该 iframe 的 window 对象,最后获取其 location.href 即可。
iframe 获取src
根据引用\[1\]和引用\[2\]的内容,可以使用JavaScript来获取iframe的src属性。在引用\[1\]中提供了一个函数`GetIframeQueryString`,可以通过传入参数名和iframe的id来获取iframe嵌套页面的url参数。而在引用\[2\]中提供了一个iframe的示例代码,其中包含了一个src属性。因此,可以使用`GetIframeQueryString`函数来获取该iframe的src属性中的参数。
请注意,为了使用`GetIframeQueryString`函数,需要先引入jQuery库。然后,可以通过以下步骤来获取iframe的src属性中的参数:
1. 在页面中引入jQuery库。
2. 使用`GetIframeQueryString`函数,传入参数名和iframe的id,来获取iframe嵌套页面的url参数。
引用\[1\]中的代码示例中,使用了`GetIframeQueryString("regionCode","mumap")`来获取名为"mumap"的iframe的src属性中名为"regionCode"的参数值。
引用\[3\]中的代码示例也提供了另一种获取iframe的src属性中参数的方法,使用了正则表达式来分离参数,并将其以键值对的形式放入结果集。在这个示例中,可以通过`paramMap.alarmNum`来获取名为"alarmNum"的参数值。
综上所述,可以使用JavaScript来获取iframe的src属性中的参数。
#### 引用[.reference_title]
- *1* [获取iframe src中参数](https://blog.csdn.net/feng2147685/article/details/80313887)[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^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [iframe获取焦点的问题、获取iframe src、打开新窗口window.open()](https://blog.csdn.net/u013037145/article/details/44060043)[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^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [iframe内获取src中的参数](https://blog.csdn.net/sinat_38371266/article/details/82868429)[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^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文