视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript教程之脚本实现页面信息交互
2020-11-27 20:28:01 责编:小采
文档

要实现动态交互, 必须掌握有关窗体对象(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(窗体名.元素名或数组.属性)

下载本文
显示全文
专题