用JavaScript实现更复杂的交互.docVIP

用JavaScript实现更复杂的交互　李晓华 图9-1 框架对象HTMLHEAD/HEADFrameset Rows=20%,80%frame src=test9_1.htmlFrameset Cols=50%,50%frame src=test9_2.htmlframe src=test9_3.html/Frameset/Frameset/HTML 　　以上HTML标识将屏幕分成三个框架。先将窗口分成以二行为单位的窗口，之后再按分成二个窗口。并在相应的框架中放入自己的HTML文档。　　通过[Framset ]告诉浏览器您要设置几个框架；rows这项参数告诉浏览器您想将视窗分割成几列；而 cols这项参数是告诉浏览器您想将视窗分割成几行。　　可以用很多组的 frameset... tags 将视窗分割得更复杂。　　可以给每个frame一个名字 (name)。frame的名字在JavaScript语法中的地位非常重要。 　　　　可以用 src 告诉浏览器您要载入哪一个 HTML文件。 二、如何访问框架　　在前面我们介绍过使用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.htmHTMLHEAD/HEADFrameset Rows=10%,90%frame src=test9_1.htmFrameset Cols=40%,60%frame src=test9_2.htmframe src=test9_3.htm/Frameset/Frameset/HTML第一个框架主要作用是显示标题文档。Test9_1.htmHTMLHEAD/HEADH2使用框架实现WEB交互/H2/HTML　第二个框架主要作用是实现交互。可以通过JavaScript脚本将所示的“云南省”和“四川省”分别改为“昆明市”和“成都市”。Test9_2.htmHTMLHEAD/HEADBodyForm name=test9_1请选择城市：BRSelect name=select1 MultipleOption云南省Option四川省Option贵州省Option山东省Option江苏省Option浙江省Option安徽省Option河南省/selectBRHRInput Type=Submit name= value=提交Input Type=reset name= value=复位/Formprescript language=JavaScriptdocument.test9_1.elements[0].options[0].text=昆明市;document.test9_1.elements[0].options[1].text=成都市;/script/pre/Body/HTML　第三个框架主要作用是实现交互。Test9_3.htmHTMLHEAD/HEADBodyForm name=test9_2请输入用户名：Input Type=text name=text1 Value= Size=20BRHR请选择:Input Type=Checkbox name=ch