首页 > web前端 > js教程 > 正文

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

黄舟
发布: 2016-12-22 15:35:44
原创
1301人浏览过

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

窗体基础知识

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

1、什么是窗体对象

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

立即学习Java免费学习笔记(深入)”;

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.php.cn)!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号