频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

JavaScript教程(9)-用JavaScript实现更复杂的交互

来源:0 作者: 出处:巧巧读书 2005-11-20 进入讨论组

二、如何访问框架

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

第一个框架

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

Test9_1.htm

<HTML>

<HEAD>

</HEAD>

<H2>使用框架实现WEB交互</H2>

</HTML>

第二个框架

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

Test9_2.htm

<HTML>

<HEAD>

</HEAD>

<Body>

<Form name="test9_1">

请选择城市:<BR>

<Select name="select1" Multiple>

<Option>云南省

<Option>四川省

<Option>贵州省

<Option>山东省

<Option>江苏省

<Option>浙江省

<Option>安徽省

<Option>河南省

</select><BR>

<HR>

<Input Type="Submit" name="" value="提交">

<Input Type="reset" name="" value="复位">

</Form>

<pre>

<script language="JavaScript">

document.test9_1.elements[0].options[0].text="昆明市";

document.test9_1.elements[0].options[1].text="成都市";

</script>

</pre>

</Body>

</HTML>文字:http://www.qqread.com/javascript/w421837030.html 更多文章 更多内容请看ASP.NET教程FreeBSD使用教程专题,或进入讨论组讨论。

收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章