html框架.doc

window对象-parent和top属性用于框架设计(2008-10-01 16:11:45) 转载标签： framesparentit分类：js/jquery/json/extjs一、如何访问框架在前面我们介绍过，可以使用document.forms 访问窗体中的表单对象。而要实现框架中多窗体的不同元素的访问，则必须使用window对象中的frames属性。frames属性同样也是一个数组，它在父框架集中为每一个子框架设有一项。parent和top属性也可用于框架文档，分别表示当前框架的父框架和当前框架的最顶层框架。例如，一个浏览器窗口分为上下两部分 - 框架A和框架B，而框架B又分为框架B1和框架B2两个子框架；此时框架A和框架B的parent与它们的top相同，都是最顶层窗口，框架B1和框架 B2的parent是框架B，而所有框架的top都是最顶层的窗口。可以用下面的方式访问不同框架中的表单： parent.frames索引值1.document.forms索引值2或：top.frames索引值1.document.forms索引值2还可以使用框架名和窗体名来实现各元素的访问：parent.框架名.document.表单名.表单中的元素名.属性或方法因为frames是window的数组属性，所以可以用parent.frames.length确定窗口中窗体的数目。二、范例下面我们通过一个具体的实例，来说明利用JavaScript脚本在Web中实现更为复杂的信息交互的方法。该例子是在一个多窗口中实现窗体信息的动态交互。首先，在浏览器窗口中制作三个用于窗体交互的窗格。chap5_3.htm为主文档，它首先将窗口划分为具有二行的框架，然后再将第二行的框架划分为具有二列的框架，内容如下： 其中chap5_3_1.htm的内容如下： 使用框架实现Web交互其中chap5_3_2.htm的内容如下： 请选择城市： 云南省四川省 贵州省 山东省 function modiText() /使用了toptop.frames0.document.forms0.chap5_3_1t1.value = 这是通过下面按钮修改的; function modiCity() /修改本窗口的内容不必加top或parent document.forms0.select1.options0.text = 昆明市; document.forms0.select1.options1.text = 成都市; 这里，chap5_3_2.htm中的JavaScript脚本将所示的“云南省”和“四川省”分别改为“昆明市”和“成都市”。chap5_3_3.htm为第三框架文档，内容如下： 请输入用户名： 请选择： 全部信息 部分信息所有城市 function modiCity() /修改另外窗口的需要加top或parentparent.frames1.document.forms0.select1.options0.text = 南昌县; top.frames1.document.chap5_3_2form.elements0.options1.text = 淅川县; function modiCheck() parent.frames2.document.chap5_3_3form.elements0.value = 劳动和社会保障; document.chap5_3_3form.elements1.checked=true; document.chap5_3_3form