JavaScript教程:JavaScript窗体基础知识

善良的5a

善良的5a

2016-02-20 00:32

图老师小编精心整理的JavaScript教程:JavaScript窗体基础知识希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

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

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

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

form Name=Form1
INPUT type=text...
Input type=text...
Inpup byne=text...
/form
form Name=Form2
INPUT type=text...
Input type=text...
/form

  在Forms[0]中共有三个基本元素,而Forms[1]中只有两个元素。

  窗体对象最主要的功能就是能够直接访问HTML文档中的窗体,它封装了相关的HTML代码:


Form
Name ="表的名称"
Target ="指定信息的提交窗口"
action ="接收窗体程序对应的URL"
Method =信息数据传送方式(get/post)
enctype ="窗体编码方式"
[onsubmit ="JavaScript代码"]
/Form
 

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  窗体对象中的属性主要包括以下:elements name action target encoding method.
  除Elements外,其它几个均反映了窗体中标识中相应属性的状态,这通常是单个窗体标识;而elements常常是多个窗体元素值的数组,例:
elements[0].Mytable.elements[1]

 

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

(1)通过访问窗体
  在窗体对象的属性中首先必须指定其窗体名,而后就可以通过下列标识访问窗体如:document.Mytable()。
(2)通过数组来访问窗体
  除了使用窗体名来访问窗体外,还可以使用窗体对象数组来访问窗体对象。但需要注意一点,因窗体对象是由浏览器环境的提供的,而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问:
document.forms[0]
document.forms[1]
document.forms[2]...
 

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

展开更多 50%)
分享

猜你喜欢

JavaScript教程:JavaScript窗体基础知识

Web开发
JavaScript教程:JavaScript窗体基础知识

JavaScript教程:对象的基础知识

Web开发
JavaScript教程:对象的基础知识

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript入门教程(2):JS基础知识

Web开发
JavaScript入门教程(2):JS基础知识

ECMAScript 基础知识

Web开发
ECMAScript 基础知识

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

胎盘基础知识

电脑网络
胎盘基础知识

HTML基础知识

Web开发
HTML基础知识

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

清理无用的CSS样式比较有用的几个工具

清理无用的CSS样式比较有用的几个工具

需要你指点但不需要你指指点点

需要你指点但不需要你指指点点
下拉加载更多内容 ↓