JS--JavaScript使用window对象操作框架集frameset中的各窗口(frames[])-白红宇

JS--JavaScript使用window对象操作框架集frameset中的各窗口(frames[])

阅读量：2441 次

发布时间：2019-05-10

本文共 1821 字，大约阅读时间需要 6 分钟。

框架集中的window对象

在HTML文档中，如果页面包含框架，则每个框架都拥有自己的window对象，并且保存在frames集合中。在frames集合中，可以通过数值索引（从0开始）从左至右、从上至下访问每个window对象，或者使用使用框架集名称访问每个window对象。每个window对象都有一个name属性，其中包含框架的名称。

在每一个框架中，window对象始终指向的都是那个框架实例，而非最高层的框架：top对象始终指向最高层的框架，也就是浏览器窗口：parent对象始终指向当前框架的上层框架。

在某些情况下：parent可能等于top。例如，在没有框架的情况下，parent等于top。

使用top或parent可以在一个框架中正确访问另一个框架。例如，可以通过top.window.frames[0]引用第一个框架。

框架之间可以通过window相关属性进行引用，如下表：

属性	说明
top	如果当前窗口是框架，它就是对包含这个框架的顶级窗口的window对象的引用。注意，对于嵌套在其他框架中的框架，top未必等于parent
parent	如果当前的窗口是框架，它就是对窗口中包含这个框架的父级框架引用
window	自引用，是对当前window对象的引用，与self属性同义
self	自引用，是对当前window对象的引用，与window属性同义
frames[]	window对象集合，代表窗口中的各个框架（如果存在）
name	窗口的名称。可被HTML标签< a > 的target属性引用
opener	对打开当前窗口的window对象的引用

示例：下面是一个框架集文档，共包含了4个框架，设置第一个框架装载文档名为left.html,第二个框架装载文档名为middle.html，第三个框架装载文档名为right.html，第四个框架装载文档名为bottom.html。

left.html：

			
   								left.html
		在最高层窗口中访问本框架的方式：		window.frames[0]
		window.frames["left"]
		top.frames[0]
		top.frames["left"]
		frames[0]
		frames["left"]
		单击本页面，让第3个框架窗口（right.html）背景变为红色

middle.html：

			
   								middle.html
		在最高层窗口中访问本框架的方式：		window.frames[1]
		window.frames["middle"]
		top.frames[1]
		top.frames["middle"]
		frames[1]
		frames["middle"]
		单击本页面，调用第1个框架窗口（left.html）的函数left()

right.html：

			
   								right.html
		在最高层窗口中访问本框架的方式：		window.frames[2]
		window.frames["right"]
		top.frames[2]
		top.frames["right"]
		frames[2]
		frames["rihgt"]
		单击本页面，让第4个框架窗口（bottom.html）背景色为黄色

bottom.html：

			
   								bottom.html
		在最高层窗口中访问本框架的方式：		
   		
    window.frames[3]
		
    window.frames["bottom"]
		
    top.frames[3]
		
    top.frames["bottom"]
		
    frames[3]
		
    frames["bottom"]
		
   
		单击本页面，让第2个框架窗口（middle.html）背景为蓝色

主页面index.html：

			
   		框架集																						
   <div></div>    &lt;body&gt;&lt;/body&gt;<div></div>

显示效果：

测试：

转载地址：http://risqb.baihongyu.com/

你可能感兴趣的文章