开发学院网页设计 JavaScript 用JavaScript实现更复杂的交互阅读

用JavaScript实现更复杂的交互

　2010-09-14 12:57:32　来源：WEB开发网　　　

核心提示： 二、如何访问框架在前面我们介绍过使用document.forms[]实现单一窗体中不同元素的访问，而要实现框架中多窗体的不同元素的访问，用JavaScript实现更复杂的交互(2)，则必须使用window对象中的Frames属性，Frames属性同样也是一个数组，该例子是在一个多窗口中实现

二、如何访问框架

在前面我们介绍过使用document.forms[]实现单一窗体中不同元素的访问。而要实现框架中多窗体的不同元素的访问，则必须使用window对象中的Frames属性。Frames属性同样也是一个数组，他在　　父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问:

parent.frames[Index1].docuement.forms[index2]

通过parent.frames.length确定窗口中窗体的数目。除了使用数组下标来访问窗体外还可以使用框架名和窗体名来实现各元素的访：

parent.framesName.decument.formNames.elementName.(m/p)

三、范例

下面我们通过一个具体的实例, 来说明利用JavaScript脚本在WEB中实现更为复杂的信息交互。该例子是在一个多窗口中实现窗体信息的动态交互,在程序中首先在浏览器窗口中制作三个用于窗体交互的窗口,每个窗体窗口实现不同信息的动态交互。

tset9.html为主调用文档它首先将窗口划分为具有二行的窗体,尔后再将第二行的窗体划分为具有二列的窗体；

test9-1.html为显示标题文档；

test9_2.html为第二框架文档其中需要注意的是:

通过JavaScript脚本将所示的“云南省”和“四川省”分别改为“昆明市”和“成都市”；

test7_3.html为第三框架文档。

主调文档

主要作用是将窗口划分为具有二行的窗体,尔后再将第二行的窗体划分为具有二列的窗体。

Test9.htm

<HTML> <HEAD> </HEAD> <Frameset Rows="10%,90%"> <frame src="test9_1.htm"> <Frameset Cols="40%,60%"> <frame src="test9_2.htm"> <frame src="test9_3.htm"> </Frameset> </Frameset> </HTML>