个人网页设计与制作-毕业论文 下载本文

第五章 WEB页面信息的交互——窗体与框架

// set new position

if(position++==msg.length) position=0; // repeat at entered speed id=setTimeout(\// end --> banner();

图5-2 动态按钮网页图

本讲介绍了使用JavaScript脚本实现Web页面信息交互的方法。其中主要介绍了窗体中的基本元素的主要功能和使用。

5.4 框架

框架Frames最主要功用是\分割\视窗,使每个\小视窗\能显示不同的HTM L文件,不同框架之间可以互动(interact),这就是说不同框架之间可以交换讯息与

32

第五章 WEB页面信息的交互——窗体与框架

资料。例如:假设您开了两个frames,第一个frame可显示书的目录,第二个frame则显示章节的具体内容。

框架可以将屏幕分割成不同的区域,每个区域有自己的URL,通过Frames[]数组对象来实现不同框架的访问。实际上框架对象本身也一类窗口,它继承了窗口对象的所有特征,并拥有所有的属性和方法。利用框架的例子具体说明,见图5-3所示。

图5-3 框架对象

以上HTML标识将屏幕分成三个框架。先将窗口分成以二行为单位的窗口,之后再按分成二个窗口。并在相应的框架中放入自己的HTML文档。

通过[Framset]告诉浏览器您要设置几个框架;rows这项参数告诉浏览器您想将视窗分割成几列;而cols这项参数是告诉浏览器您想将视窗分割成几行。

可以用很多组的 tags 将视窗分割得更复杂。

可以给每个frame一个“名字”(name)。frame的名字在JavaScript语法中的

33

第五章 WEB页面信息的交互——窗体与框架

地位非常重要。

可以用 告诉浏览器要载入的HTML文件。

5.5 框架的访问

在前面我们介绍过使用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

34

第五章 WEB页面信息的交互——窗体与框架

第一个框架

主要作用是显示标题文档。 Test9_1.htm

使用框架实现WEB交互

第二个框架

主要作用是实现交互。可以通过JavaScript脚本将所示的“云南省”和“四川省”分别改为“昆明市”和“成都市”。

Test9_2.htm



35

Word文档下载:个人网页设计与制作-毕业论文.doc
搜索更多:个人网页设计与制作-毕业论文


最新浏览