Window frames 属性

实例

更改当前窗口中第一个 <iframe> 元素（索引 0）的位置:

<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可更改第一个 iframe 元素（索引 0）的位置。</p>
<button onclick="myFunction()">试一试</button>
<br><br>
<iframe src="https://cankaoshouce.com"></iframe>
<iframe src="https://cankaoshouce.com"></iframe>
<script>
function myFunction() {
  window.frames[0].location = "https://cankaoshouce.com/html/html-course.html";
}
</script>
</body>
</html>

运行一下

定义与用法

frames 属性返回一个类似数组的对象，它表示当前窗口中的所有 <iframe> 元素。

提示：使用 frames.length 查找帧数。

注意：此属性也适用于 <frame> 元素。但是，HTML5 不支持 <frame> 元素。

此属性是只读的。

浏览器支持

属性
frames	Yes	Yes	Yes	Yes	Yes

语法

window.frames

技术细节

返回值:	返回对窗口对象的引用，表示当前窗口中的所有 frame

更多实例

实例

循环浏览页面上的所有 frame，并将所有 frame 的位置更改为 “cankaoshouce.com”:

<!DOCTYPE html>
<html>
<body>
<p>单击按钮循环浏览此页面上的 frame，并将每个帧的位置更改为 "cankaoshouce.com"。</p>
<button onclick="myFunction()">试一试</button>
<br><br>
<iframe src="https://www.cnn.com"></iframe>
<iframe src="https://www.bbc.com"></iframe>
<iframe src="https://www.nytimes.com"></iframe>
<script>
function myFunction() {
  var frames = window.frames;
  var i;
  for (i = 0; i < frames.length; i++) {
    frames[i].location = "https://cankaoshouce.com";
  }
}
</script>
</body>
</html>