Window frames 属性 | Window 对象

返回到:Browser 对象:Window 对象

定义和用法

frames 属性返回窗口中所有命名的框架。

该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

提示: 使用 frames.length 来获取框架的数量。

注意:该属性也可用于 <frame> 元素,但是 HTML5 不支持 <frame> 元素。

该属性是只读的。

所有主要浏览器都支持 frames 属性

语法

window.frames

技术细节

返回值:返回 Window 对象的引用, 表示当前窗口的所有框架。

实例

DEMO1:修改第一个 <iframe> 元素 (索引为 0) 的 src 属性值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<p>点击按钮修改第一个 iframe 的 src 值 (索引为 0)。</p>

<button onclick="myFunction()">点我</button>
<br><br>

<iframe src="https://www.Web176.com"></iframe>

<script>
function myFunction() {
    window.frames[0].location = "https://www.Web176.com";
}
</script>

</body>
</html>

DEMO2:在页面中查找所有框架的数量,然后修改 iframe 元素的 src 属性为 “https://www.web176.com”。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<p>在页面中查找所有框架的数量,然后修改 iframe 元素的 src 属性为 "https://www.Web176.com":</p>

<button onclick="myFunction()">点我</button>
<br><br>

<iframe src="https://www.baidu.com"></iframe>
<iframe src="https://www.taobao.com"></iframe>
<iframe src="https://www.Web176.com"></iframe>

<script>
function myFunction() {
    var frames = window.frames;
    var i;

    for (i = 0; i < frames.length; i++) {
        frames[i].location = "https://www.Web176.com";
    }
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/brtips/3616.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月8日 下午4:43
下一篇 2021年9月9日 下午3:17

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注