js的知识点巩固1

1、Javascript 是学习脚本语言的首选。她兼容性好，绝大多数浏览器均
支持 Javascript。

2、概括地说，JavaScript 就是一种基于对象和事件驱动，并具有安全性能的脚
本语言，脚本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语
言，而不需要服务器的处理和响应，当然 JavaScript 也可以做到与服务器的交互
响应，而且功能也很强大。而相对的服务器语言像 asp asp.net php jsp 等需要将
命令上传服务器，由服务器处理后回传处理结果。对象和事件是 JavaScript 的两
个核心

3、使用下面的代码可以在网页中插入 JavaScript：
<script type="text/JavaScript" language="javascript">
...
</script>

 

4、language="javascript"表示使用 JavaScript 脚本语言，脚本语言还有
vbscript、jsscript 等，如果没有 language 属性，表示默认使用 JavaScript
脚本。其中的...就是代码的内容。例如：
<script type="text/JavaScript">
document.write(" 我是菜鸟我怕谁 !");
</script>

 

5、通过这个例子，我们可以看到 JavaScript 程序代码是一些可用字处理软件
浏览的文本，它在描述页面的 HTML 相关区域出现。
JavaScript 使用 document.write 来输出内容。将会在网页上输出：我是
菜鸟我怕谁!

6、<!-- -->里的内容对于不支持 JavaScript 的浏览器来说就等同于一段注
释，而对于支持 JavaScript 的浏览器，这段代码仍然会执行。至于“//”符号
则是 JavaScript 里的注释符号，在这里添加它是为了防止 JavaScript 试图执
行-->。不过通常情况下，现在的浏览器几乎都支持 JavaScript，即使是不支
持的，也会了解如何合理地处理含有 JavaScript 的网页。

 

7、如果很多网页都需要包含一段相同的代码，那么将这些代码写入一个外部
JavaScript 文件是最好的方法。此后，任何一个需要该功能的网页，只需要引
入这个 js 文件就可以了。

 

8、就是一个 JavaScript 语句，它可以告诉浏览器做出一个特定任务。特别
的，这个语句是叫浏览器书写出一段内容。我们已经知道，document.write 的
功能是输出文本，( Document. write()是文档对象的输出函数，其功能是将括号中的字符或变量值
输出到窗口；document. close()是将输出关闭。) 所以上面那个语句就是让浏览器输出“我
是菜鸟我怕谁!”

 

9、在 JavaScript 中，一行的结束就被认定为语句的结束。但是最好还是要在
结尾加上一个分号“;”来表示语句的结束。这是一个编程的好习惯，事实上在
很多语言中句末的分号都是必须的。

 

10、5.1 单行注释
插入单行注释的符号是“//”

5.2 多行注释
多行注释以" /* "开始，以" */ "结束。

11、

 

 

 

12、JavaScript 脚本语言同其它语言一样，有它自身的基本数据类型、表达式
和算术运算符以及程序的基本框架结构。JavaScript 提供了四种基本的数据类
型用来处理数字和文字, 而变量提供存放信息的地方, 表达式则可以完成较复
杂的信息处理。

13、由于
JavaScript 采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，
而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，
它是通过在赋值时自动说明其数据类型的。

 

14、在上面的例子中，我们用到了三个变量：a，b，c。这些都是变量的名字，
在 JavaScript 中，我们需要用变量名来访问这个变量。在 JavaScript 中，变
量名有如下规定：
• A、必须是一个有效的变量，即变量以字母开头，中间可以出现数字如
test1、text2 等。除下划线（－）作为连字符外，变量名称不能有空
格、（＋）、（－）、（，）或其它符号。
• B、js 语言对大小写字母很敏感，大小写字母所代表的意义不同。
• C、不能使用 JavaScript 中的关键字作为变量。

 

15、在 JavaScript 中定义了４０多个类键字，这些关键字是 JavaScript 内
部使用的，不能作为变量的名称。如 Var、int、double、true 不能作为
变量的名称。

16、function 函数名()
{
函数代码;
}

 

17、函数由关键字 Function 定义，把“函数名”替换为你想要的名字，把“代码”
替换为完成特定功能的代码，函数就定义好了。了解了如何定义函数，我们就来
https://www.wuxianedu.com/ 29
自己编写一个实现两数相加的简单函数吧。
首先给函数起一个有意义的名字：“add2”，它的代码如下：
function add2(){
sum = 1 + 1;
alert(sum);
}
10.2 函数的调用
函数定义好了，如何调用呢？
其实可以通过很多种方法调用上面的函数，我们这里使用最简单的函数调用
方式——按钮的点击事件，

 

18、x 和 y 则是我们函数的两个参数，调用函数的时候，我们就可以通过这两个
参数把两个加数传递给函数了

 

19、首先将介绍对象的相关概念，以及使用对象的重要性，然后将介绍
JavaScript 中可以使用哪些对象，以及如何创建对象并使用对象来简化编程工
作。最后，将详细讨论 JavaScript 中几个常用的对象，

20、基于对象的程序设计指的就是“使用对象进行程序设计”

 

21、一）、数组对象

数组与变量也有很多不同，一个普通的变量在同一
时刻只能保存一个数据。例如，将变量 myVar 的值设置为 25，可用如下的代码:
myVar=25;
接着可以用如下的代码将变量 myVar 的值设置为另一个值，比如 35:
myVar= 35;
一个变量一次只能保存一个数据项，而一个数组可以保存多个数据项。例如，
我们可以用一个名为 myArray 的数组同时保存 25 和 35 两个数据项。代码如下：
myArray=[25,35]
数组中的每一个数据项称为数组的一个元素。
在数组中，我们如何区分不同的数据项呢?数组中每一个数据项都具有一个
索引值。索引值放在数组名后面的方括号中。我们通过索引就能访问数组中该索
引对应的数组元素。

 

22、注意，数组的索引从 0 开始，而不是从 1 开始。

（2）JavaScript 中的数组最多可以保存 2 的 32 次方个数组元
素

23、

要创建一个
数组，只须在声明变量时，使用 new 关键字和 Array（）构造函数来说明这是一
个数组。例如，要声明一个名为 myArray 的数组，可使用如下代码:
(1)、var myArray=new Array();

 

（2）在JavaScript中是区分大小写的。因此，如果你错误地将构造函数Array()
写成了 array(),代码将不能正常工作。我们也可以先声明一个变量，然后再将该
变量定义成一个数组，例如:
（2）、

var myArray;
myArray=new Array();

上面我们曾提到过，可以为数组的长度设置一个上限，用于说明数组中可以
保存多少个元素。如果要设置数组的长度，只须把长度值作为参数传给 Array()构

造函数，即把长度值放在 Array()函数的圆括号中。例如，要创建一个具有 6 个元
素的数组，可使用如下代码:

var myArray=new Array(6);

我们己经介绍了如何声明一个数组，但如何在数组中保存数据呢?只须在定
义数组时把各元素的值作为参数传给 Array()构造函数，即把各元素的值放在
Array()函数的圆括号中。注意，各元素的值须用逗号进行分隔，例如:
var myArray=new
Array(“Paul”,345,”John”,112,”Bob”,99);
对于上面这行代码，第一个数据项”Paul"将被保存在索引为 0 的数组元素
中，第二个数据项 345 将被保存在索引为 1 的数组元素中，依此类推。换句话
说，数组元素myArray[0]将包含值”Paul"，而数组元素myArray[1]将包含值345，
依此类推。
值得注意的是，这个方法不能用于声明仅包含 1 个数值元素的数组，例如
Array(345)。否则，JavaScript 将认为我们要声明的是一个长度为 345 的数组，它
可以保存 345 个数组元素。

 

 

 

24、数组对象不仅用于存储数据，它还提供了大量非常有用的方法和属性，使用
这些方法和属性，我们不但可以操纵数组中的数据，还可以获取数组的相关信息
———如数组的长度

 

25、创建对象
我们己经在前面的例子中创建过 Array 对象。要创建一个 Array 对象，可以
使用如下所示的 JavaScript 语句:
var myArray=new Array();

26、让我们把这一节的内容小结一下:
要创建一个 JavaScript 对象，可使用如下语法:
var myVar=new ObjectName（optional parameters）;

 

27、使用对象的属性
要访问对象中的属性是非常简单的。我们只需先写出引用了对象的变量名，
后跟一个点号(.)，然后写出要访问的属性的名称。例如，假如变量 myArray 引用
我们定义的一个数组对象，则我们可以用如下语句来访问数组对象的 length 属
性:
myArray.length
我们可以用对象的属性来做什么呢?我们可以将对象的属性视为一个普通的
数据，并将它保存在另一个变量中:
var myVar = myArray .length;
或者，可以把对象的属性显示出来:
alert(myArray .length);
在某些情况下，还可以改变对象属性的值。例如:
myArray .length=12;
但是，与普通变量不同的是，对象的某些属性是只读的。这意味着我们虽然可以
读取这些只读属性的值，但却不能修改它们的值。

 

28、使用对象的方法与使用对象的属性很类似，首先是引用了对象的变量名，后
跟一个点号(.)，然后是要调用的方法的名称。

 

29、 length 属性—获得数组中元素的个数

 

30、JavaScript 事件

 

我们之前提到过函数的调用。函数定义之后，默认是不会执行的，这时候就
需要一些事件来触发这个函数的执行。
JavaScript 有很多事件，例如鼠标的点击、移动，网页的载入和关闭。我们先
来定义一个函数，再看几个事件的实例

 

<script type="text/JavaScript">
function displaymessage()
{
alert("我是菜鸟我怕谁!");
}
</script>

 

（1）点击事件
使用点击事件调用，需要给元素设置 onclick 属性。

οnclick=函数名()    由于设置了 οnclick="displaymessage()"，因此点击按钮则会调用函数。

<button value="点击提交" οnclick="displaymessage()">onclick 调用函数
</button>

 

（2）鼠标经过、移出事件

 

使用鼠标经过事件调用函数的代码如下

 

<button value="点击提交" οnmοuseοver="displaymessage()">鼠标滑过调用
函数</button>

 

当鼠标经过按钮时，触发 onmouseover 事件，将会调用函数 displaymessage()。
使用鼠标移出事件调用函数的代码如下：

 

<button value="点击提交" οnmοuseοut="displaymessage()">鼠标移出调用
函数</button>

 

把鼠标移动到这个按钮里面，当再移动出去时，触发 onmouseout 事件，
将会调用函数 displaymessage()。

 

属性                            事件发生时机
Onabort                     图片下载被打断时
Onblur                      元素失去焦点时
Onchange               框内容改变时

Onclick                      鼠标点击一个对象时
Ondblclick                鼠标双击一个对象时
Onerror                   当加载文档或图片时发生错误时
Onfocus                 当元素获取焦点时
Onkeydown                按下键盘按键时
Onkeypress          按下或按住键盘按键时
Onkeyup               放开键盘按键时
Onload                      页面或图片加载完成时
Onmousedown          鼠标被按下时
Onmousemove       鼠标被移动时
Onmouseout          鼠标离开元素时
Onmouseover        鼠标经过元素时
Onmouseup         释放鼠标按键时
Onreset               重新点击鼠标按键时
Onresize              当窗口或框架被重新定义尺寸时
Onselect            文本被选择时
Onsubmit          点击提交按钮时
Onunload            用户离开页面时

 

31、JavaScript 特殊字符

特殊字符列表
JavaScript 特殊字符代码
代码 输出
\' 单引号
\" 双引号
\& 与符号
\\ 反斜线
\n 换行
\r 回车
\t 制表符
\b 后退
\f 走纸换页

 

32、JavaScript 指导准则

（1）在书写 JavaScript 的过程中，应该记住它是区分大小写的，变量名
和函数名都区分大小写。比如：

Var A=1;
Var a=2;

 

A 和 a 是两个不同的变量。

 

（2）代码中多余的空格是被忽略的

a=b+c;
a = b + c ;

（3）表示本行未完
前面已经说过，浏览器读到一行末尾会自动判定本行已经结束，不过我们
可以通过在行末添加一个“\”来告诉浏览器本行没有结束。
document.write("Hello \
World!")
和
document.write("我是菜鸟我怕谁!")
是完全一样的。

 

 

32、JavaScript 对象化编程

 

JavaScript 对象是可以是一段文字、一幅图片、一个表单（Form）等等。每
个对象有它自己的属性、方法和事件。

 

对象的属性是反映该对象某些特定的性质
的，

例如：字符串的长度、图像的长宽、文字框（Textbox）里的文字等等；

 

对象的方法能对该对象做一些事情，例如，表单的“提交”(Submit)，窗口的“滚动”
(Scrolling)等等；

 

而对象的事件就能响应发生在对象上的事情，例如提交表单产生
表单的“提交事件”，点击连接产生的“点击事件”。

 

不是所有的对象都有以上三
个性质，有些没有事件，有些只有属性。引用对象的任一“性质”用“<对象名>.<
性质名>”这种方法。
JavaScript 对象有：基本对象、全局对象、文档对象。

 

 

33、基本对象

（1）String 字符串对象

我们在之前的学习中已经就在使用字符串对象对象了，声明一个字符串对象的方法就是直接赋值。比如：

var s = "我有个 7 个字符";
定义了 s 这个字符串之后，我们就有了一个字符串对象，我们可以访问它的
属性，使用它的方法。

 

 

属性
length 用法：<字符串对象>.length；返回该字符串的长度。

方法
charAt() 用法：<字符串对象>.charAt(<位置>)；返回该字符串位于第<位置>
位的单个字符。注意：字符串中的一个字符是第 0 位的，第二个才是第 1 位的，
最后一个字符是第 length - 1 位的。

charCodeAt() 用法：<字符串对象>.charCodeAt(<位置>)；返回该字符串位
于第<位置>位的单个字符的 ASCII 码。

fromCharCode() 用法：String.fromCharCode(a, b, c...)；返回一个字符串，该
字符串每个字符的 ASCII 码由 a, b, c... 等来确定。

indexOf() 用法：<字符串对象>.indexOf(<另一个字符串对象>[, <起始位
置>])；该方法从<字符串对象>中查找<另一个字符串对象>（如果给出<起始位
置>就忽略之前的位置），如果找到了，就返回它的位置，没有找到就返回“-1”。
所有的“位置”都是从零开始的。

lastIndexOf() 用法：<字符串对象>.lastIndexOf(<另一个字符串对象>[, <
起始位置>])；跟 indexOf() 相似，不过是从后边开始找。

split() 用法：<字符串对象>.split(<分隔符字符>)；返回一个数组，该数组
是从<字符串对象>中分离开来的，<分隔符字符>决定了分离的地方，它本身不
会包含在所返回的数组中。例如：'1&2&345&678'.split('&')返回数组：1,2,345,678。
关于数组，我们等一下就讨论。

substring() 用法：<字符串对象>.substring(<始>[, <终>])；返回原字符串
的子字符串，该字符串是原字符串从<始>位置到<终>位置的前一位置的一段。
<终> - <始> = 返回字符串的长度（length）。如果没有指定<终>或指定得超过

字符串长度，则子字符串从<始>位置一直取到原字符串尾。如果所指定的位置
不能返回字符串，则返回空字符串。

substr() 用法：<字符串对象>.substr(<始>[, <长>])；返回原字符串的子字
符串，该字符串是原字符串从<始>位置开始，长度为<长>的一段。如果没有指
定<长>或指定得超过字符串长度，则子字符串从<始>位置一直取到原字符串尾。
如果所指定的位置不能返回字符串，则返回空字符串。

toLowerCase() 用法：<字符串对象>.toLowerCase()；返回把原字符串所有
大写字母都变成小写的字符串。

toUpperCase() 用法：<字符串对象>.toUpperCase()；返回把原字符串所有
小写字母都变成大写的字符串

 

34、Array 数组对象

（1）数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个
成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的。
数组的定义方法：

var <数组名> = new Array();

这样就定义了一个空数组。以后要添加数组元素，就用：
<数组名>[<下标>] = ...;

数组的下标用方括号括起来。
如果想在定义数组的时候直接初始化数据，请用：
var <数组名> = new Array(<元素 1>, <元素 2>, <元素 3>...);

 

例如：
var myArray = new Array(1, 4.5, 'Hi');

 

定义了一个数组 myArray，里边的元素是：myArray[0] = 1; myArray[1] = 4.5;
myArray[2] = 'Hi'。

定义时指定有 n 个空元素的数组，请用：
var a=new Array(n);

 

属性

length 用法：<数组对象>.length；返回：数组的长度，即数组里有多少个元
素。它等于数组里最后一个元素的下标加一。

 

方法
join() 用法：<数组对象>.join(<分隔符>)；返回一个字符串，该字符串把数
组中的各个元素串起来，用<分隔符>置于元素与元素之间。这个方法不影响数
组原本的内容。

reverse() 用法：<数组对象>.reverse()；使数组中的元素顺序反过来。如果
对数组[1, 2, 3]使用这个方法，它将使数组变成：[3, 2, 1]。

slice() 用法：<数组对象>.slice(<始>[, <终>])；返回一个数组，该数组是
原数组的子集，始于<始>，终于<终>。如果不给出<终>，则子集一直取到原数
组的结尾。

sort() 用法：<数组对象>.sort([<方法函数>])；使数组中的元素按照一定的
顺序排列。如果不指定<方法函数>，则按字母顺序排列。在这种情况下，80 是
比 9 排得前的。如果指定<方法函数>，则按<方法函数>所指定的排序方法排
序。<方法函数>比较难讲述，这里只将一些有用的<方法函数>介绍给大家。
按升序排列数字：
function sortMethod(a, b) {
return a - b;
}
myArray.sort(sortMethod);
按降序排列数字：把上面的“a - b”该成“b - a”

 

3）Math “数学”对象

Math 对象，提供对数据的数学计算。下面所提到的属性和方法，不再详细
说明“用法”，大家在使用的时候记住用“Math.<名>”这种格式。

 

属性
E 返回常数 e (2.718281828...)。

LN2 返回 2 的自然对数 (ln 2)。

LN10 返回 10 的自然对数 (ln 10)。

LOG2E 返回以 2 为低的 e 的对数 (log 2 e)。

LOG10E 返回以 10 为低的 e 的对数 (log 10 e)。

PI 返回π（3.1415926535...)。

SQRT1_2 返回 1/2 的平方根。

SQRT2 返回 2 的平方根。

 

方法
abs(x) 返回 x 的绝对值。

acos(x) 返回 x 的反余弦值（余弦值等于 x 的角度），用弧度表示。

asin(x) 返回 x 的反正弦值。

atan(x) 返回 x 的反正切值。

atan2(x, y) 返回复平面内点(x, y)对应的复数的幅角，用弧度表示，其值在-
π 到π之间。

ceil(x) 返回大于等于 x 的最小整数。

cos(x) 返回 x 的余弦

exp(x) 返回 e 的 x 次幂 (e
x )。

floor(x) 返回小于等于 x 的最大整数。

log(x) 返回 x 的自然对数 (ln x)。

max(a, b) 返回 a, b 中较大的数。

min(a, b) 返回 a, b 中较小的数。
pow(n, m) 返回 n 的 m 次幂 (n
m )。

random() 返回大于 0 小于 1 的一个随机数。

round(x) 返回 x 四舍五入后的值。

sin(x) 返回 x 的正弦。

sqrt(x) 返回 x 的平方根。

tan(x) 返回 x 的正切。

 

 

（4）Date 对象

 

Date 日期对象。这个对象可以储存任意一个日期，从 0001 年到 9999 年，
并且可以精确到毫秒数（1/1000 秒）。
定义一个日期对象：

 

var today = new Date();

 

这个方法使 d 成为日期对象，并且已有初始值：当前时间。如果要自定初
始值，可以用下列方法

var d = new Date(99, 10, 1); //99 年 10 月 1 日
var d = new Date('Oct 1, 1999'); //99 年 10 月 1 日

 

最好的方法就是用下面介绍的“方法”来严格的定义时间。

 

方法
以下有很多 getXXX()、setXXX（）这样的方法，getXXX()是获得某个数
值，而 setXXX（）是设定某个数值。

如无说明，方法的使用格式为：“<对象>.<方法>”，下同。

get/ setFullYear() 返回/设置年份，用四位数表示。如果使用
“x.setFullYear(99)”，则年份被设定为 0099 年。

get/ setYear() 返回/设置年份，用两位数表示。设定的时候浏览器自动加上
“19”开头，故使用“x.setYear(00)”把年份设定为 1900 年。

get/ setMonth() 返回/设置月份, 0 表示 1 月。

get/ setDate() 返回/设置日期。

get/ setDay() 返回/设置星期，0 表示星期天。

get/ setHours() 返回/设置小时数，24 小时制。

get/ setMinutes() 返回/设置分钟数。

get/ setSeconds() 返回/设置秒钟数。

get/ setMilliseconds() 返回/设置毫秒数。

get/ setTime() 返回/设置时间，该时间就是日期对象的内部处理方法：从
1970 年 1 月 1 日零时正开始计算到日期对象所指的日期的毫秒数。如果要使
某日期对象所指的时间推迟 1 小时，就用：“x.setTime(x.getTime() + 60 *
60 * 1000);”（一小时 60 分，一分 60 秒，一秒 1000 毫秒）。

 

getTimezoneOffset() 返回日期对象采用的时区与格林威治时间所差的分钟
数。在格林威治东方的市区，该值为负，例如：中国时区（GMT+0800）返回“-
480”。

toString() 返回一个字符串，描述日期对象所指的日期。这个字符串的格式类
似于：“Fri Jul 21 15:43:46 UTC+0800 2000”。

toLocaleString() 返回一个字符串，描述日期对象所指的日期，用本地时间表
示格式。如：“2000-07-21 15:43:46”。

toGMTString() 返回一个字符串，描述日期对象所指的日期，用 GMT 格式。

toUTCString() 返回一个字符串，描述日期对象所指的日期，用 UTC 格式。

 

parse() 用法：Date.parse(<日期对象>)；返回该日期对象的内部表达方式。

 

<html>
<body>
<script language="JavaScript">
today = new Date();
var day; var date;
if(today.getDay()==0) day = "星期日"
if(today.getDay()==1) day = "星期一"
if(today.getDay()==2) day = "星期二"
if(today.getDay()==3) day = "星期三"
if(today.getDay()==4) day = "星期四"
if(today.getDay()==5) day = "星期五"
if(today.getDay()==6) day = "星期六"
date = "今天是" + (today.getYear()) + "年" + (today.getMonth() +
1 ) + "月 " + today.getDate() + " 日 " + day +"";
document.write(date);
</script>
</body>
</html>

（5）全局对象
全局对象就是一些全局函数，他们可以直接用，这里对它们进行简要的介
绍。
eval() 把括号内的字符串当作标准语句或表达式来运行。

 

b = "2+5*2";
var a=eval(b);

 

a 的值为 12。

isNaN() 如果括号内的值是“NaN（不是数字）”,则返回 true 否则返回 false。

parseInt() 返回把括号内的内容转换成整数之后的值。如果括号内是字符串，则字符串开
头的数字部分被转换成整数，如果以字母开头，则返回“NaN”。

parseFloat() 返回把括号内的字符串转换成浮点数之后的值，字符串开头的数字部分被转
换成浮点数，如果以字母开头，则返回“NaN”。

toString() 用法：<对象>.toString()；把对象转换成字符串。如果在括号中指定一个数
值，则转换过程中所有数值转换成特定进制。

escape() 返回括号中的字符串经过编码后的新字符串。该编码应用于 URL，也就是把空格
写成“%20”这种格式。“+”不被编码，如果要“+”也被编码，请用：escape('...',
1)。

unescape() 是 escape() 的反过程。解编括号中字符串成为一般字符串。

 

（6）文档对象

文档对象是指在网页文档里划分出来的对象。在 JavaScript 能够涉及的范
围内有如下几个“大”对象：window, document, location, navigator, screen,
history 等。

 

下面是一个文档对象树。
要引用某个对象，就要把父级的对象都列出来。例如，要引用某表单
“MyForm”的某文字框“UserName”，就要用“document. MyForm.
UserName”。

引用 Form 下的表单元素对象不使用名称，比如 Button，而是通过对象的
ID 或 Name 进行引用，或使用它所属的对象数组。比如：

 

<input id="UserName" type="text" />
…
var name = document.getElementById("UserName");//通过 id 获取值

navigator       浏览器对象                                                           
 screen           屏幕对象   
  window           窗口对象
  history             历史对象
location            地址对象 
                   
 frames[]; Frame                       框架对象
document                                   文档对象
anchors[]; links[]; Link                    连接对象
 applets[]                                Java 小程序对象
   embeds[]                              插件对象
       forms[]; Form                表单对象
   Button                                    按钮对象
  Checkbox                        复选框对象
  elements[]; Element          表单元素对象
 Hidden                                 隐藏对象
Password                       密码输入区对象
Radio                        单选域对象
 Reset                           重置按钮对象
Select                              选择区（下拉菜单、列表）对象

   options[];                                             选择项对象
Option   

Submit             提交按钮对象
 § Text               文本框对象
  § Textarea        多行文本输入区对象
   
§ images[]; Image              图片对象