iframe内的页面获取这个iframe的属性信息
时间: 2023-10-14 16:30:20 浏览: 72
可以使用 JavaScript 中的 `window.frameElement` 属性获取包含当前窗口的 iframe 元素,然后再通过获取 iframe 元素的属性信息。
例如,可以使用以下代码获取当前 iframe 的高度和宽度:
```javascript
var iframe = window.frameElement;
var height = iframe.height;
var width = iframe.width;
console.log('Height:', height, 'Width:', width);
```
同样,可以使用 `iframe.getAttribute('属性名')` 方法获取其他属性的值。
相关问题
Iframe页面如和获取src里面的属性
你可以通过 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 属性,并将其输出到控制台上。
父页面能调用子iframe页面内的方法吗
是的,父页面可以调用子iframe页面内的方法。以下是一种常见的方法:
首先,确保子iframe页面和父页面在同一个域内,否则会受到同源策略的限制。
在父页面中,可以通过以下步骤调用子iframe页面内的方法:
1. 获取iframe元素对象:可以使用JavaScript的`document.getElementById`或其他选择器方法获取对应的iframe元素对象。
2. 使用`contentWindow`属性获取到iframe窗口对象,例如:`var iframeWindow = iframeElement.contentWindow;`
3. 通过窗口对象,即可访问子iframe页面内的全局方法和属性。例如,如果子iframe页面内有一个名为`childMethod`的方法,可以通过以下方式调用:`iframeWindow.childMethod()`。
需要注意的是,上述方法假设子iframe页面已经加载完毕并且位于同一个域内。如果涉及到跨域通信或在子iframe加载完成前调用子页面内的方法,可能需要使用其他技术手段,例如使用postMessage API来实现跨域通信或等待子iframe加载完成后再进行调用。