javascript脚本语言.ppt

JavaScript脚本语言,第1章JavaScript简介第9章框架对象第2章值、变量与常量第10章文件对象第3章运算符与表达式第11章表单对象第4章流程控制语句第5章函数与对象第6章事件处理程序第7章领航员对象与事件对象第8章窗口对象,第1章JavaScript简介,是网景公司开发出来的一种跨平台、纯面向对象式的网页式脚本语言从执行的环境来看，它分成两个部分：在客户端执行的JavaScript(程序代码嵌入HTML文件当中，随着网页文件一并送到客户端的浏览器，通过浏览器的解释器来解释并执行)；在服务器端执行的JavaScript,1.什么是JavaScript,制作网页特效提供表单前端（客户端）验证提高效率窗口动态操作（窗口大小、打开、关闭、打开位置等）提升使用性能（可以用简单的程序代码实现复杂的操作）摆脱现实环境的束缚（有些ISP不接受处理程序进驻）事件驱动式的程序设计（可以针对用户的行为设计程序）,2.JavaScript可以做什么,JavaScript由网景公司开发，netscape浏览器都支持IE浏览器从3.0以后的版本开始陆续支持不同版本的JavaScript今天，几乎所有的浏览器都支持JavaScript,3.JavaScript的执行平台,JavaScript1.01995年12月JavaScript1.1JavaScript1.2JavaScript1.3JavaScript1.4,4.JavaScript的版本,JavaScript与VBScript都是网页脚本语言JavaScript是根据Sun的Java语言发展出来的VBScript是根据微软公司的VisualBasic发展而来,5.JavaScript与VBScript,JavaScript支持部分Java的语法及基本的流程控制结构JavaScript的程序代码由客户端的浏览器解释及执行；Java程序则必须先经过编译，转化成二进制代码JavaScript模仿Java的语法，设计了一套类似纯面向对象式的语言结构；Java则是以类为基础的纯面向对象式语言，通过层次式的类来继承,6.JavaScript与Java（1）,JavaScript的程序代码直接嵌入HTML文件中；Java的Applet则是独立的一部分JavaScript是动态类型语言，不需要声明变量的数据类型，是一种松散的数据类型；Java是静态类型语言，或称为强制类型语言，变量的类型必须先行定义,6.JavaScript与Java（2）,将JavaScript的程序代码放在及标记组中。如：document.write(“hello!”);在标记中加上Language属性，指定使用哪一种script语言。如：,7.JavaScript的格式(1),除了标示script语言之外，进一步指定script的版本（如果客户端的浏览器不支持这个版本的javascript语法，它将不再执行）。如：在标记中可以利用SRC属性包含扩展名为js的外部文件（实现模块化）。如：a1.js文件的内容，只要将程序代码放进去就可以，不能使用标记,7.JavaScript的格式(2),可以将所有程序代码用HTML的注释标记括起来，使不支持的浏览器视而不见。如：,7.JavaScript的格式(3),可以利用JavaScript字样加上一个冒号“javascript:”,在HTML文件的超链接标记中引入JavaScript的程序代码。如：请单击搭配事件处理程序，将程序代码直接放在后面。如：鼠标移过来,7.JavaScript的格式(4),也可以：鼠标移过来语句的末端可以加上分号，也可以不要,7.JavaScript的格式(5),第2章值、变量与常量,数值：包含整数或浮点数的数据类型逻辑值：true(真)或false(假)字符串值：以单引号或双引号括起来空值（null）：表示没有值未定义值（undefined）：表示尚未定义的值,1.值,在JavaScript中，声明变量时，不必声明变量类型使用var（一定要小写）这一个保留字，也可以不写var如：varname;varname,sex;varname=“王京”,sex=“女生”;声明变量时，如果没有给初值，JavaScript自动给一个未定义值（undefined）,2.变量的声明,全局变量：是一种可以让多个程序模块共同使用的共享变量，只要在程序的开头声明变量，这个变量就可以在整个文件中被引用使用局部变量：使用范围局限在某个程序模块当中，只要在函数的里面声明变量，就是局部性的变量。不过有一个例外，如果声明变量时，省略var这个关键字，这个变量就变成全局变量在JavaScript中，只要指定窗口名称，不同窗口当中的全局变量可以互相引用例子0201.htm,3.变量的作用域,如果表达式中使用加号（+）运算符，JavaScript自动将数值转成字符串。如：Varx=“你今年”+18；x的值为“你今年18”Vary=“15”+5；y的值为“155”如果表达式中使用其他运算符，则自动先将字符串转成数值，再进一步运算。如：Varx=“30”/5；x的值为6Vary=“15”-“5”；y的值为10,4.数据类型的转换（1）,数据类型转换函数：Eval(字符串)：将传入的字符串参数内容，转换成相对应的数值parseseInt(字符串,底数)：将传入的字符串参数内容，转换成指定底数的数值parseFloat(字符串)：将传入的字符串参数内容，转换成浮点数值,4.数据类型的转换（2）,布尔常量整数常量浮点常量字符串常量使用特殊字符的字符串常量：b(后退一格)；f（换页）；n（换行）；r（返回）；t（制表）；（单引号）；“（双引号）；（反斜线）,5.常量（1）,数组常量。如：hobby=“听音乐”，“看电影”（数组长度为2，hobby0是“听音乐”）hobby=“听音乐”，“看电影”（数组长度为3，hobby1是未定义值）hobby=“听音乐”，“看电影”，（数组长度为4）,5.常量（2）,第3章运算符与表达式,=+=-=*=/=%=i=9;i+,j+),7.逗号运算符,用来删除对象、属性，或者删除数组中的组件delete对象名称delete对象名称.属性delete对象名称索引值也可以用来删除未使用var关键字声明的变量（在IE浏览器中，不论是否使用var来声明的变量都可被删除）当对象被删除后，该组件的值将变成undefined，同时返回true，代表删除成功范例0310.htm,8.delete运算符,JavaScript提供许多预先定义好的对象类型，程序员可以利用new这个关键字，来产生对应到这些对象类型的对象实例，使用该对象类型的属性和方法New关键字的使用语法：对象名称=new对象类型（参数）如：myArray=newArray（3）,9.new运算符,代表目前的对象，用在不同的地方有不同的结果使用语法：this.属性范例0311.htm,10.this运算符,用于判断操作数的类型使用语法：thpeof操作数或thpeof（操作数）范例0312.htm,11.typeof运算符,用来执行某一个没有响应值的表达式使用语法：void表达式void（表达式）范例0313.htm,11.void运算符,第4章流程控制语句,范例0401.htm范例0402.htm,1.Ifelse控制结构,范例0403.htm,2.While循环控制结构,范例0404.htm,3.终止While循环,范例0405.htm范例0406.htm,范例0407.htm,4.For循环控制结构,用来重复执行指定对象的所有属性使用格式：for（变量in对象）范例0408.htm,5.Forin循环控制结构,范例0409.htm,6.switch控制结构,7.With语句,范例0410.htm,8.注释语句,/*/范例0411.htm,第5章函数与对象,函数的构成：关键字function函数的名称自变量/参数，用（）括起来，参数之间用逗号隔开函数的内容关键字return,1.如何定义一个函数,只要将函数的名称及参数写出来就可以了（注意大小写）范例0501.htm范例0502.htm,2.函数的调用,编码函数escape(字符串)：将字符串中非文字、数字字符（如alert(str);姓名：,数值判断函数isNaN(测试值)：判断自变量内的值是不是数值，如果函数返回true，代表该自变量不是数值转成整数函数pareseInt(字符串，底数)：将不同进制的数值转成以十进制表示的整数值。在分析过程中，如果遇到不合法的字符，就马上停止分析，并返回已经分析的值范例0505.htm转成浮点数函数pareseFloat(字符串)：将字符串转成浮点数值范例0506.htm,3.默认函数(2),对象是一组经过组织的数据。在JavaScript中的每个对象都有两个相关的东西，一种是属性，另一种是方法JavaScript中的默认对象有：数组对象、布尔对象、日期对象、函数对象、数学对象、数值对象、字符串对象,4.什么是对象,数组是一连串相同类型的数据群组。数组中的变量群使用相同的变量名称，并以不同的索引数值进行区分建立数组对象：fruit=newArray（2）;fruit0=“苹果”fruit=newArray（”苹果”，“橘子”）,5.数组对象,index：代表数组组件的索引值length：取得数组长度（数组组件个数）使用格式：数组对象名称.属性,6.数组对象的主要属性,使用格式：数组对象名称.方法（参数）Concat（数组1，数组2，数组N）：将多个数组结合成一个新的数组Join（分隔字符）：将数组内所有的组件结合成一个字符串，用特定字符来分开Pop（）：将数组内最后一个组件删除，并返回该组件内容Reverse（）：将数组内所有组件的索引次序反转，第一个组件变成最后一个，最后一个组件则拿到最前面,7.数组对象的方法（1）,Shift（）：将数组内第一个组件删除，并返回该组件内容Slice（开始索引，结束索引）：将数组内容转入一个新的数组Sort（）：将数组内容排序Splice（）：增加或删除数组组件toString（）：以字符串来表示该数组及其组件valueOf（）：取得数组值范例0507.htm范例0508.htm范例0509.htm（二维数组）,7.数组对象的方法（2）,这几种对象很少使用,8.布尔对象、函数对象、数值对象,建立日期对象的语法：日期对象名称=newDate（日期参数）Today=newDate()以今天的时间为对象初值Today=newDate(“October1,200112:00:00”)Today=newDate(“October1,2001”)Today=newDate(2001,10,10,0,0,0)Today=newDate(2001,10,10),9.日期对象（1）,日期对象的方法：getYear（）：根据当地时间返回特定的年份数getMonth（）getDate（）getDay（）getHours（）getMinutes（）getSeconds（）范例0511.htm范例0512.htm范例0513.htm,9.日期对象（2）,不需要new来建立对象实例，直接使用Math对象名就可以数学对象的方法：abs（数值）；sin（弧度）；cos（弧度）；tan（弧度）；exp（数值）；log（数值）；ceil（数值）：取大于等于该数值的最小整数值；floor（数值）：取小于等于该数值的最大整数值；min（数值1，数值2）；max（数值1，数值2）；pow（数值1，数值2）：取数值1的数值2次方；random（）；round（数值）：取最接近该数值的整数值；sqrt（）,10.数学对象,范例0515.htm0516.htm0517.htm,11.字符串对象(1),声明字符串变量：Var变量名称=字符串常数建立字符串对象：字符串对象名称=newstring（字符串常数）对于字符串变量，可以写：if(str1=str2)对于字符串对象，不能写if(str1=str2)，只能写：if(str1.valueOf()=str2.valueOf(),11.字符串对象(2),字符串对象的属性：length判断字符串的字符长度字符串对象的方法：anchor（”锚点字符串”）：产生HTML的锚点标记big（）：产生HTML的标记，即大字体效果bold（）：产生HTML的标记，即粗体效果charAt（索引值）：取出该索引位置的字符charCodeAt（索引值）：取出该位置的ASCII字符码，以十进制表示,11.字符串对象(3),concat（字符串2，字符串3，）：将字符串与字符串对象的字符串字符结合fixed（）：产生HTML的标记，即固定字效果fontcolor（#RRGGBB或英文单词）：类似HTML定义FONT的COLOR属性，给定字符串颜色fontsize（字级值）：字符串文字大小，数值为17indexOf（”字符串”，索引值）：返回该字符串出现在字符串对象中的索引位置,11.字符串对象(4),italtics（）：产生斜体字效果lastIndexOf（”字符串”，索引值）：返回该字符串出现在字符串对象中的索引位置。从右向左进行搜索link（”网址”）：指定超级连接网址，该字符串对象的字符将构成超文本replace（”字符串A”，”字符串B”）：用字符串B替换字符串Asearch（”字符串”）：返回该字符串的索引值,11.字符串对象(5),slice（索引值i，索引值j）：取出索引值I到索引值j-1的子字符串small（）：产生小字体效果split（“字符串”，限制）：将某一个子字符串从该字符串对象中删除srike（）：产生删除字效果sub（）：产生下标字效果sup（）：产生上标字效果,11.字符串对象(6),substr（起始字符值，长度）：取出由起始字符起算，特定长度的子字符串substring（索引值I，索引值j）：取出由索引值I到索引值j-1的子字符串toLowerCase（）：将字符串内容转成小写toUpperCase（）：将字符串内容转成大写toSource（）：取得该对象的对象常数toString（）：取得该对象的字符串值valueOf（）：取得该对象的原始值,范例05180519052005210522,12.自定义对象(1),建立自定义对象的两个步骤：写一个构造函数来定义对象类型利用new关键字建立对象实例自定义对象例子：Functionmember(name,sex)=namethis.sex=sexvarpapa=newmember(“杨明”,”男生”)document.write()范例0523,12.自定义对象(2),定义对象的方法：先将方法的名称放到对象的构造函数当中写一个函数来叙述该对象方法的内容自定义对象例子：Functionmember(name,sex)=namethis.sex=sexthis.display=display,12.自定义对象(3),Functiondispaly()varstr=+”是”+this.sex;document.write(“”+str)范例0524范例0525,第6章事件处理程序,用户对浏览器画面所做的动作叫做“事件”,1.什么是事件,Abort：中止事件。适用对象是图形。当图形尚未完全加载前，用户就单击了一个超连接，或单击停止按钮Blur：失去焦点事件。适用对象是window及所有表单子组件（text，boutton，select）Chang：适用对象是text，password，textarea，select。用户改变组件的值时发生Click：适用对象是link及所有表单子组件（text，boutton，select）,2.JavaScript中的事件（1）,DbClick：适用对象是link及所有表单子组件（text，boutton，select）DrogDrop：拖曳事件，适用对象是window，用户用鼠标左键将对象（文件）拖曳至窗口内Error：适用对象是image，window。加载文件或图形时发生错误Focus：取得焦点事件。适用对象是window及所有表单子组件（text，boutton，select）,2.JavaScript中的事件（2）,KeyDown：适用对象是image，link及所有表单子组件（text，boutton，select）KeyPress：适用对象是image，link及所有表单子组件（text，boutton，select）KeyUp：适用对象是image，link及所有表单子组件（text，boutton，select）Load：加载事件。适用对象是documentMouseDown：适用对象是document，link及所有表单子组件（text，select）,2.JavaScript中的事件（3）,MouseMove：适用对象是document，link及所有表单子组件（text，select）MouseOut：适用对象是document，link及所有表单子组件（text，select）MouseOver：适用对象是document，link及所有表单子组件（text，select）MouseUp：适用对象是document，link及所有表单子组件（text，select）Move：适用对象是window。移动窗口时发生,2.JavaScript中的事件（4）,Reset：适用对象是form，用户单击表单中的reset按钮Resize：适用对象是window，用户调整窗口大小尺寸时发生Select：适用对象是text，password，textarea。用户选取上述对象时发生Submit：送出事件。适用对象是form，用户单击提交按钮时发生Unload：退出（卸载）事件，适用对象是document，用户关闭或退出目前网页时发生,2.JavaScript中的事件（5）,事件处理程序，就是当某一个事件发生了，要做什么处理事件处理程序定义方式：在事件名称前面加上on事件处理程序的使用语法有两种，一种是将它视为一种属性，直接嵌入到HTML标记内；另外一种语法是视为对象属性，直接接在对象后面,3.事件处理程序（1）,Document.onLoad=(请使用800*600分辨率进行浏览)functionshow(),3.事件处理程序（2）,functionshow()Document.onLoad=show()范例0601范例0602范例0603范例0604范例0604范例0605范例0606范例0607范例0608范例0609,3.事件处理程序（3）,第7章领航员对象与事件对象,包含所有与客户端浏览器相关的信息领航员对象的主要属性：（1）appCodeName:浏览器的代码（2）appname：浏览器的名称（3）appversion：浏览器的版本（4）plugins：以数组表示该客户端所支持的外挂程序范例0701范例0703,1.领航员对象,data：当dragdrop事件发生时，返回所拖曳对象的URL字符串Height：该窗口或框架的高度pageX：光标相对于该网页的水平位置pageY：光标相对于该网页的垂直位置Target：该事件被传送到的对象,2.事件对象（1）,当某一事件发生时，由浏览器自动建立事件对象。例如有一个名为mousedown，当鼠标被按下去时，事件对象就包含该事件的类型、当时鼠标坐标等信息。事件对象的属性：,Tape：事件的类型Which：以数值来代表被按下的鼠标键或键盘。例如1代表左键、2代表中键、3代表右键Width：该窗口或框架的宽度范例0704范例0705范例0706,2.事件对象（2）,第8章窗口对象,Javascript的窗口对象用来表示浏览器所打开的窗口一般情况下，窗口的名称为“window”，但是当系统中包含多个窗口时，可以使用其他的别名来代替：（1）Parent：指明当前窗口的父窗口。（2）top：用以实现所有的下级窗口的窗口。（3）window：指的是当前窗口（4）self:引用当前窗口。,1.窗口对象,onblurOndragdropOnerrorOnfocusOnloadOnmoveOnmoveOnresizeonunload,2.窗口对象的事件,Closed：判断窗口是否已经关闭，返回值为布尔值Defaultstatus：状态栏的默认信息Document：包含当前文件的信息，此属性的值是document对象Frames：对应到窗口中的框架History：包含该窗口最近查阅过的网页Innerheight：代表窗口内容区的垂直尺寸大小（象素）Innerwidth：代表窗口内容区的水平尺寸大小（象素）,3.窗口对象的属性（1）,Length：窗口中框架的个数Location：包含当前URL的信息Locationbar：代表浏览器的地址栏Menubar：代表浏览器的菜单栏Name：窗口的名称Offscreenbuffering：是否更新窗口外的区域Opener：代表利用open方法打开当前窗口的窗口Outerheight：代表窗口边界的垂直尺寸大小（象素）,3.窗口对象的属性（2）,Outerwidth：代表窗口边界的水平尺寸大小（象素）Parent：代表父窗口Sreenx：代表窗口左边界的x坐标Screeny：代表窗口上边界的y坐标Scrollbars：代表浏览器的滚动条Self：代表当前窗口Status：代表状态工具栏的临时性信息Toolbar：代表浏览器的工具栏Top：代表最上方的窗口,3.窗口对象的属性（3）,Alert（信息字符串）：传送警告信息Back（）：回到历史记录中的上一组网页Blur（）：将窗口转成背景Clearinterval（定时器对象）：清除以setinterval定义的计时程序Cleartimeout（定时器对象）：清除以settimeout定义的计时程序Close（）：关闭窗口,4.窗口对象的方法（1）,Confirm（信息字符串）：显示确认信息窗口Focus（）：将焦点移到此窗口Forward（）：加载历史清单中的下一个网址Home（）：进入客户端在浏览器上设置的主页Moveby（水平点数，垂直点数）：将窗口往x轴及y轴移动，采用相对的定位方式Moveto（x坐标，y坐标）：将窗口移动至特定坐标，采用绝对的定位方式,4.窗口对象的方法（2）,Open（URL，窗口名称，窗口规格）：打开新窗口Print（）：打印网页内容Prompt（信息字符串，默认值）：显示提示信息并提供一个可输入的字段Resizeby（水平点数，垂直点数）：调整窗口大小，采用相对定位方式Resizeto（宽度，高度）：调整窗口的高度与宽度到特定的大小，采用绝对定位方式,4.窗口对象的方法（3）,Scroll：将窗口滚动到特定的坐标Scrollby（水平点数，垂直点数）：将窗口滚动到相对的位置，采用相对的定位方式Scrollto（x坐标，y坐标）：将窗口滚动到特定的坐标，采用绝对的定位方式Setinterval（表达式，毫秒）：设置一个定时程序Setresizable（true或false）：是否允许调整窗口大小,4.窗口对象的方法（4）,Settimeout（表达式，毫秒）：设置一个定时程序Stop（）：停止加载网页内容范例0801范例0802范例0803范例0804范例0805,4.窗口对象的方法（5）,Alwayslowered：是否将窗口显示的堆栈后推一层。如果Alwayslowered=yes，此窗口将重叠在其他窗口上层显示Dependent：是否将该窗口与当前窗口产生依存关系。如果Dependent=yes，当母窗口关闭时，此窗口同时被关闭,5.打开窗口（1）,（1）打开新窗口的语法：Open（URL，窗口名称，窗口规格）（2）窗口的规格参数,5.打开窗口（2）,以像素表示,5.打开窗口（3）,范例0806范例0806-1范例0807,声明定时器的格式：定时器对象名称=setinterval（表达式，毫秒）定时器对象名称=settimeout（表达式，毫秒）（使用settimeout函数声明的定时器只执行一次）停止定时器格式：Clearinterval（定时器对象名称）范例08080809081008110812,6.定时器的使用,可以定时执行某个命令或某个程序。Javascript支持两种定时器：一种是settimeout；另一种是setinterval,Current：当前历史记录的网页网址Length：存贮在记录清单的网页数目Next：下一个历史记录的网页网址Previous：上一个历史记录的网页网址,7.历史对象（1）,用来存贮客户端最近查阅过的网址清单。通过窗口对象的History属性，可以访问这些历史记录,（1）历史对象的属性,Back（）：回到客户端查看过的上一页Forward（）：回到客户端查看过的下一页Go（整数或URL字符串）：前往历史记录中的某一个网页网址范例0814,7.历史对象（2）,（2）历史对象的方法,Protocol：通信协议（如http：）Host：主机名称（通常由域名或IP地址构成，如),8.位置对象（1）,（1）完整的URL格式：Protocol/host:port/path#hash?search例如：,用来代表特定窗口的URL信息。通过窗口对象的location属性可以访问该信息,Port：通信端口Path：文件路径（如survey.htm）Hash：定位锚点（如：#part1）Search：查询信息（包含成双成对的变量与值，变量与变量之间以img0=newImage();img0.src=images/snow.gif;img1=newImage();img1.src=images/snow1.gif;document.write(已经读取两个图文件，但此时不显示。);,范例1004,Functionimagepreload(imagename,idx)eval(“img”+idx+”=newimage()”);eval(“img”+idx+”.src=/images/”+imgname+”.gif”);Imagepreload(“img0”,0);,第11章表单文件,表单对象包括：button,checkbox,reset,password,submit,text,radio,hidden,select,fileupload,textarea,表单对象提供一个让客户端输入文字或进行选择的功能，表单对象是文件对象的子对象,1.表单对象中的子对象,例如有一个表单对象：:表单对象的引用方法：Document.myformDocument.forms0,2.表单对象的引用,Action：指出处理程序Elements：代表表单中的所有组件，以数组索引值表示Length：表示表单中组件的个数Method：指出表单从服务器获取信息还是发送信息Name：表单的名称,3.表单对象的属性,Reset（）：模仿单击reset按钮的操作Submit（）：模仿单击submit按钮的操作,4.表单对象的方法,Document.myform.usrIDDocument.myform.elements0,5.文本对象(1),（1）文本对象的引用,Form：该对象所在的表单Name：对应HTML语法中，该对象的name属性Type：对应HTML语法中，该对象的type属性Value：对应HTML语法中，该对象的value属性,5.文本对象(2),（2）文本对象的属性,Blur（）：将客户端对该对象的焦点移开Focus（）：将客户端的焦点移到该对象上Select（）：将该对象设置成选取状态,（3）文本对象的方法,范例1101,Form：该对象所在的表单Name：对应HTML语法中，该对象的name属性Type：对应HTML语法中，该对象的type属性Value：对应HTML语法中，该对象的value属性,6.密码对象,（1）密码对象的属性,Blur（）：将客户端对该对象的焦点移开Focus（）：将客户端的焦点移到该对象上Select（）：将该对象设置成选取状态,（2）密码对象的方法,Form：该对象所在的表单Name：对应HTML语法中，该对象的name属性Type：对应HTML语法中，该对象的type属性Value：对应HTML语法中，该对象的value属性,7.按钮对象,（1）按钮对象的属性,Blur（）：将客户端对该对象的焦点移开Focus（）：将客户端的焦点移到该对象上Click（）：模仿在按钮上单击鼠标左键,（2）按钮对象的方法,Form：该对象所在的表单Name：对应HTML语法中，该对象的name属性Type：对应HTML语法中，该对象的type属性Value：对应HTML语法中，该对象的value属性,8.提交按钮对象（将该按钮所在表单的内容送到服务器处理）,（1）提交按钮对象的属性,Blur（）：将客户端对该对象的焦点移开Focus（）：将客户端的焦点移到该对象上Click（）：模仿在按钮上单击鼠标左键,（2）提交按钮对象的方法,Form：该对象所在的表单Name：对应HTML语法中，该对象的name属性Type：对应HTML语法中，该对象的type属性Value：对应HTML语法中，该对象的value属性,9.重置按钮对象（将该按钮所在表单的内容还原成初始状态）,（1）重置按钮对象的属性,Blur（）：将客户端对该对象的焦点移开Focus（）：将客户端的焦点移到该对象上Click（）：模仿在按钮上单击鼠标左键,（2）重置按钮对象的方法,Form：该对象所在的表单Name：对应HTML语法中，该对象的na