当前位置:Gxlcms > JavaScript > JavaScript教程之脚本实现页面信息交互

JavaScript教程之脚本实现页面信息交互

时间:2021-07-01 10:21:17 帮助过:10人阅读

要实现动态交互, 必须掌握有关窗体对象(Form) 更为复杂的知识。

窗体基础知识

窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互, 而用不着在之前首先进行数据输入,就可以实现动态改变 Web 文档的行为。

1、什么是窗体对象

窗体构成了 Web 页面的基本元素。通常一个 Web 页面有一个窗体或几个窗体,使用 Forms[]数组来实现不同窗体的访问。

2、窗体对象的方法

窗体对象的方法只有一个--submit() 方法,该方法主要功用就是实现窗体信息的提交。如提交 Mytest 窗体, 则使用下列格式:document.mytest.submit()。

3、窗体对象的属性

窗体对象中的属性主要包括以下: elements name action target encodingmethod.

除 Elements 外,其它几个均反映了窗体中标识中相应属性的状态,这通常是单个窗体标识;而 elements 常常是多个窗体元素值的数组,例:elements[0].Mytable.elements[1]。

4、访问窗体对象

在 JavaScript 中访问窗体对象可由两种方法实现:

a、通过访问窗体

在窗体对象的属性中首先必须指定其窗体名, 而后就可以通过下列标识访问窗体如:document.Mytable() 。

b、通过数组来访问窗体

除了使用窗体名来访问窗体外,还可以使用窗体对象数组来访问窗体对象。但需要注意一点, 因窗体对象是由浏览器环境的提供的, 而浏览器环境所提供的数组下标是由0到 n。所以可通过下列格式实现窗体对象的访问:

document.forms[0]

document.forms[1]

document.forms[2]...

5、引用窗体的先决条件

在 JavaScript 中要对窗体引用的条件是:必须先在页面中用标识创建窗体,并将定义窗体部分放在引用之前。


窗体中的基本元素

窗体中的基本元素由按钮、单选按钮、 复选按钮、 提交按钮、重置按钮、文本框等组成。

在 JavaScript 中要访问这些基本元素, 必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。 每一个元素主要是通过该元素的属性或方法来引用。 其引用的基本格式见下:

formName.elements[].methadName (窗体名.元素名或数组.方法)

formName.elemaent[].propertyName(窗体名.元素名或数组.属性)

以上就是JavaScript教程之脚本实现页面信息交互的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!

人气教程排行