JavaScrip编程技术

1、javascript编程技术javascript training内容摘要p理解javascript语言基本特征p掌握如何将 javascript 嵌入到 html 中p理解变量、数据类型和运算符p掌握 流程控制语句p理解网页文档对象模型p理解浏览器对象模型p理解各种javascript典型应用javascript trainingpjavascript是在浏览器端执行的脚本语言，嵌是在浏览器端执行的脚本语言，嵌套在套在html程序中，通过控制网页中各种标记程序中，通过控制网页中各种标记的样式变化增加的样式变化增加网页动态效果网页动态效果；或对页面数据；或对页面数据进行进行合法性验证合法性验证

2、。什么是javascriptjavascript trainingjenyjeny 想创建一个电子邮件帐户j*24us帐户 id： 密码：年龄：国家：提交提交*请等待，正在请等待，正在创建您的帐户创建您的帐户ok提交提交这样，这样，javascript 将验证数据并给出错误信息（如有）将验证数据并给出错误信息（如有）错误消息错误消息密码不能密码不能 少于六位少于六位 !javascript training3.1 javascript基本语法基本语法3.1.1 javascript程序结构程序结构p和css与html文件结合方法类似，javascript文件可以通过三种途径和html文件结合：

3、 javascript独立脚本文件形式、标记块形式、具体的事件属性方式。javascript training1、独立、独立js脚本文件形式脚本文件形式p如果有独立文件4-1.js document.write(hello bits!)p document代表浏览器中的当前html网页，write是输出到当前文档。javascript trainingp文件4-1.html 比特塞威斯 欢迎光临比特塞威斯公司 hello bits! this is bits p通过标记引入外界js脚本文件，适用于js文件中的程序通用性较高的情况，所有页面都可调用。javascript training2、通过

4、、通过标记与标记与html结合结合 比特塞威斯 欢迎光临比特塞威斯公司 document.write(hello bits!) this is bits p适用于重用度不高的情况，当前页面中可以被重用。javascript training3、通过事件属性与、通过事件属性与html结合结合 比特塞威斯 欢迎光临比特塞威斯公司 this is bits p事件处理性程序语句直接写在事件属性中，不需要标记。javascript training3.1.2 javascript中的变量中的变量p变量是构成程序语言的基本元素， javascript中变量以var关键字声明。 var strname;

5、var i=0;p类型后期确定机制javascript training 比特塞威斯 欢迎光临比特塞威斯公司 var i=1; var head1=hello bits; document.write(head1); i=2; head1=hello bits; document.write(head1); javascript training var x=100;var y;var z;document.write(竞拍sony数码相机 600万像素 +x+$起价);y=prompt(加多少银子？,1); z=x+y; alert(您最终的出价n+z+$); /”n”用于换行显示 prom

6、pt函数返回输入的字符串“+”号的用法号的用法 10020 ? bug+字符串相连：100+”200”200javascript training var x=100;var y;var z;document.write(竞拍sony数码相机 600万像素 +x+$起价);y=prompt(加多少银子？,1); z=x+parsefloat( y ); alert(您最终的出价n+z+$); /”n”用于换行显示 parsefloat( )函数将字符串转换为float数据 parseint( )函数将字符串转换为int数据如果转换失败，返回nan值(not a number)javascrip

7、t trainingp验证上例 var x=100;var y;var z;document.write(竞拍sony数码相机 600万像素 +x+$起价);y=prompt(加多少银子？,1); z=x+parsefloat( y ); alert(您最终的出价n+z+$); /”n”用于换行显示 变量练习变量练习javascript training数组数组 -1p声明数组 var 数组名数组名 = = new array( (数组大小数组大小);); 例：例： var emp = = new array(3)p添加元素 emp0 = “aa; emp1 = “bb; emp2 = “cc

8、;aabbccemp 也可以声明数组并赋初值： 例：例： var emp=new array(“aa”，“bb”，“cc”)；javascript training使用数组var emp = new array(3);emp0 = ryan dias;emp1 = graham browne;emp2 = david greene;document.write(数组emp中的数据为:);document.write(emp0+);document.write(emp1+);document.write(emp2+);数组数组 -2 javascript training数组数组 -3 p常用属

9、性常用属性 length ：返回数组中元素的个数：返回数组中元素的个数p常用方法常用方法方方 法法说说 明明join将数组中的元素组合成字符串reverse颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个sort对数组元素进行排序javascript trainingvar emp = new array(3);emp0 = ryan dias;emp1 = graham browne;emp2 = david greene;emp.sort( );document.write(“排序结果是：);document.write(emp0+);document.write(e

10、mp1+);document.write(emp2+);数组数组 -4 javascript training转义字符转义字符字字 符符说说 明明示示 例例b退格符alert(“这是第一句 b 这是第二句”)f换页符alert(“这是第一局 f 这是第二句”)n换行符alert(“这是第一局 n 这是第二句”)r回车符alert(“这是第一局 r 这是第二句”)t制表符 alert(“这是第一局 t 这是第二句”)和c语言一样，js也有转义字符，常用的就是： “ n ”javascript training运算符运算符 p 运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值p 根据

11、所执行的运算，运算符可分为以下类别：q 算术运算符q 比较运算符q 逻辑运算符javascript training运算符说 明示 例+加a = 5 + 8-减a = 8 - 5/除a = 20 / 5*乘a = 5*19%取模两个数相除的余数10 % 3 = 1+一元自加。该运算符带一个操作数，将操作数的值加 1。返回的值取决于 + 运算符位于操作数的前面或是后面将返回 x 自加运算后的值。x+ 将返回 x 自加运算前的值- -一元自减。该运算符只带一个操作数。返回的值取决于 - 运算符位于操作数的前面或是后面-x 将返回 x 自减运算后的值。x- 将返回 x 自减运算前的值算术运算符算术运

12、算符 javascript training算术运算符算术运算符-1实现步骤：1.使用dreamweaver设计页面2.指定各个文本框的名称3.切换为代码视图，编写脚本代码4.浏览并调试num1num2resultjavascript trainingfunction calcu( )var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total=parsefloat(numb1)*parsefloat(numb2);document.calc.result.value=total; 计算总价并

13、显示添加单击事件，单击按钮时调用“calcu()” 函数算术运算符算术运算符-2获取表单中输入的数据：document.表单名.表单元素名.value定义calcu( )计算函数,实现两个数相乘的功能.定义函数的语法： function 函数名(参数列表) /javascript语句； javascript training比较运算符比较运算符 -1运算符运算符说说 明明示示 例例= = 等于。如果两个操作数相等，则返回真。a = = b!=不等于。如果两个操作数不相等，则返回真。var2 != 5大于。如果左边的操作数大于右边的操作数，则返回真。var1 var2小于。如果左边的操作数小于右

14、边的操作数，则返回真。var2 var1=小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。var2 = 4var2 =大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。var1 = 5var1 = var2javascript trainingfunction calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total= parsefloat(numb1)*parsefloat(numb2);document.calc.result.value=total

15、; if (total500) alert(购买总价超过500n支付时将赠送超级q币2枚！);.其他代码略，同上例比较运算符比较运算符 -2购买总价超过500，赠送超级q币2枚！ javascript training逻辑运算符逻辑运算符 -1运算符运算符值值说说 明明与 ( &)expr1 & expr2 只有当 expr1 和 expr2 同为真时，才返回真。否则，返回假。或 ( | )expr1 | expr2如果其中一个表达式为真，或两个表达式同为真，则返回真。否则，返回假。非 (!)!expr如果表达式为真，则返回假。如果为假，则返回真。javascript trai

16、ningfunction calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total= parsefloat(numb1)*parsefloat(numb2);document.calc.result.value=total; if (total500) &(total1000) &(total2000) alert(购买总价超过2000n请直接与贵宾台联系！);.其他代码略，同上例逻辑运算符逻辑运算符 -25001000 之间，赠送超级q币两枚；1000200

17、0之间，赠送ibm智能鼠标一只；2000以上，直接与贵宾台联系。javascript training3.1.3 javascript流程控制流程控制1、分支控制语句（条件语句）、分支控制语句（条件语句）if(条件) javascript代码; 语法：语法：if 语句语句 -1如果要执行多个语句，必须将这些语句放在一对大括号 ( ) 内。但如果只要执行一个语句，则可以省略大括号javascript trainingfunction calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;if

18、(numb1!=) & (numb2!=) var total= parsefloat(numb1)*parsefloat(numb2); document.calc.result.value=total; if (total500) &(total1000) &(total2000) alert(购买总价超过2000n请直接与贵宾台联系！); .其他代码略，同上例if语句语句 -2如果输入框中的数据用户漏填了，出现nan的 bug 为什么呢?javascript trainingfunction calcu()var numb1= document.calc.num1

19、.value;var numb2= document.calc.num2.value;if (numb1!=) & (numb2!=) var total= parsefloat(numb1)*parsefloat(numb2); document.calc.result.value=total; if (total500) &(total1000) &(total2000) alert(购买总价超过2000n请直接与贵宾台联系！); else alert(购买数量或竞拍价格没有填写n请重新输入！);if-else语句语句提示没有填写购买数量或者竞拍价格?javascr

20、ipt trainingfunction calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;if (numb1!=) & (numb2!=) if (parsefloat(numb1)0) alert(竞拍价格不能小于零！n请重填); return; /函数返回，不再执行后面的代码 if (parsefloat(numb2)0) alert(购买数量不能小于零！n请重填); return; var total= parsefloat(numb1)*parsefloat(numb2

21、); document.calc.result.value=total; .嵌套嵌套if语句语句购买数量无意中输入负数，出现 bug 怎么办?javascript trainingswitch 语句语句 -1switch (表达式) case 常量1 : javascript语句; break; case 常量2 : javascript语句; break; . default : javascript语句;语法：语法：javascript trainingswitch语句语句 -2 var f=document.calc.pay.value; /支付方式代号 var grade; /折扣率

22、var total= parsefloat(numb1)*parsefloat(numb2); switch(parseint(f) case 1: grade=0.6 ; /打6折优惠 break; case 2: .同理其他方式打7折、八折 case 4: grade=0.9 ; /打9折优惠 break;default: alert(请重新选择支付方式！); return; var money=total*grade; /根据折扣率，计算实际总价 document.calc.result.value=money; alert(您享受了+grade*10+折优惠！); .银行转帐 打6折电

23、话支付 打7折邮政汇款 打8折q币支付 打9折下拉列表框pay的选项和值 javascript training2、循环语句、循环语句 p for循环p do-whilep while javascript trainingq for循环例：var i;for (i=0; i10; i+) / 语句; for 循环循环 javascript trainingfor 循环演示document.write(打印金字塔直线);for (var i= 0; i100; i=i+5) document.write();for 循环循环如何实现当i=5 时， javascript trainingq wh

24、ile循环 while(循环条件) /语句； q dowhile循环 do /语句； while(循环条件);while和和dowhile循环循环先执行，后判断循环条件先执行，后判断循环条件 javascript training .myfont font-size:150; color:#c99c96; font-family:webdings /产生埃及图像的特殊字体产生埃及图像的特殊字体 document.write(每个字符都对应一个漂亮的埃及图像每个字符都对应一个漂亮的埃及图像);do var c = prompt(输入一个字符，输入输入一个字符，输入n 或或n停止停止,a) ; d

25、ocument.write (+c+); while (c !=n & c !=n);while和和dowhile循环循环输入一个字符，直到n停止，用哪个循环 javascript training3.1.4 javascript 函数函数内置函数内置函数 peval 函数： 用于计算字符串表达式的值 pisnan 函数：用于验证参数是否为 nan（非数字）var str1=prompt(“输入一个表达式，我给您计算,1+1);var result=eval(str1);document.write(str1+=+result);var x = prompt(输入一些数据,0);if

26、(isnan(x) alert (x + 不是一个数字);else alert (x + 是一个数字); javascript training自定义函数自定义函数p定义函数：function 函数名( 参数1,参数2， ) 语句; p调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名” ;function sum ( one, two) var result = one + two; return result;表示单击此按钮时，调用函数sum( )执行 javascript training函数的应用函数的应用 num1num2result javascript t

27、raining定义函数定义函数 javascript 代码 function compute(op) var num1,num2; num1=parsefloat(document.myform.num1.value); num2=parsefloat(document.myform.num2.value); if (op=+)document.myform.result.value=num1+num2 ; if (op=-)document.myform.result.value=num1-num2 ; if (op=*)document.myform.result.value=num1*n

28、um2 ; if (op=/ & num2!=0)document.myform.result.value=num1/num2 ; 定义函数compute( )，完成计算的功能。op参数代表运算符号 javascript training调用函数调用函数 第一个数 第二个数 计算结果 javascript trainingjavascript 函数练习函数练习p验证教材p73示例。 javascript training3.1.5 javascript 中的常用对象中的常用对象p对象是属性和/方法的组合p属性是对象所拥有的一组外观特征，一般为名词 p方法是对象可以执行的功能，一般为动词

29、 例如：汽车ferrari对象：汽车属性：型号：法拉利颜色：绿色方法：前进、刹车、倒车 javascript training1. date 对象对象pdate方法的分组：方法的分组： 方法分组方法分组说说 明明 setxxx这些方法用于设置时间和日期值getxxx 这些方法用于获取时间和日期值toxxx这些方法用于从 date 对象返回字符串值p a r s e x x x & utcxx这些方法用于解析字符串 javascript trainingp用作用作 date 方法的参数的整数：方法的参数的整数： 值值整整 数数 seconds 和和 minutes0 至至 59 hour

30、s0 至至 23 day0 至至 6（星期（星期几）几） date1 至至 31（月份中的天数）（月份中的天数） months0 至至 11（一月（一月至十二月）至十二月） javascript trainingpset 方法：方法：方法方法说明说明setdate设置 date 对象中月份中的天数，其值介于 1 至 31 之间。sethours设置 date 对象中的小时数，其值介于 0 至 23 之间。setminutes设置 date 对象中的分钟数，其值介于 0 至 59 之间。 setseconds设置 date 对象中的秒数，其值介于 0 至 59 之间。 settime设置 dat

31、e 对象中的时间值。 setmonth设置 date 对象中的月份，其值介于 1 至 12 之间。 javascript trainingpget 方法：方法：方法方法说明说明getdate返回 date 对象中月份中的天数，其值介于 1 至 31 之间getday返回 date 对象中的星期几，其值介于 0 至 6 之间gethours返回 date 对象中的小时数，其值介于 0 至 23 之间getminutes返回 date 对象中的分钟数，其值介于 0 至 59 之间getseconds返回 date 对象中的秒数，其值介于 0 至 59 之间getmonth返回 date 对象中的月

32、份，其值介于 0 至11 之间getfullyear返回 date 对象中的年份，其值为四位数gettime返回自某一时刻（1970 年 1 月 1 日）以来的毫秒数 javascript training方方 法法说说 明明 togmtstring使用格林尼治标准时间 (gmt) 数据格式将 date 对象转换成字符串表示tolocalestring使用当地时间格式将 date 对象转换成字符串表示pto 方法：pparse 方法和 utc 方法 方方 法法说说 明明date.parse (date string )用日期字符串表示自 1970 年 1 月 1 日以来的毫秒数 date.ut

33、c (year, month, day, hours, min., secs. )date 对象中自 1970 年 1 月 1 日以来的毫秒数 javascript training如何实现 javascript trainingvar now= new date( );var hour = now.gethours( );if (hour=0 & hour 12 & hour18 & hour 24) document.write(晚上好!);document.write(今天日期:+now.getyear()+年+(now.getmonth( )+1)+月+now.

34、getdate()+日);document.write(现在时间:+now.gethours()+点+now.getminutes( )+分); 获得当前日期和时间获得小时，即当前是几点判断上午、下午还是晚上月份数字011，注意1date 对象应用实例对象应用实例 javascript trainingdate 对象应用实例对象应用实例javascript 代码function disptime( ) var time = new date( ); /获得当前时间 var hour = time.gethours( ); /获得小时、分钟、秒 var minute = time.getminu

35、tes( ); var second = time.getseconds( ); var apm=am; /默认显示上午: am if (hour12) /按12小时制显示 hour=hour-12; apm=pm ; if (minute 10) /如果分钟只有1位，补0显示 minute=0+minute; if (second 10) /如果秒数只有1位，补0显示 second=0+second;document.myform.myclock.value= hour+:+minute+:+ second+ +apm;var mytime = settimeout(disptime( ),

36、1000);使用定时器函数，每隔1秒调用disptime( )函数刷新显示获得小时、分钟、秒根据根据12小时制调整时间和小时制调整时间和am/pm标志标志确保分钟和秒显示位数为 2 位var mytime = settimeout(“disptime( )”,1000);设置定时器每隔1秒（1000毫秒），调用函数disptime( )执行，刷新时钟。 javascript training设置样式：无边框的文本框onload ( ) 事件，页面加载就调用函数：disptime（显示时间） javascript trainingdate对象练习对象练习p验证上例 javascript trai

37、ning2. math 对象对象名称名称 说说 明明属性pi 的值， 约等于 3.1415ln1010 的自然对数的值，约等于 2.302eeuler 的常量的值，约等于 2.718。euler 的常量用作自然对数的底数方法abs(y)返回 y 的绝对值sin (y) 返回 y 的正弦，返回值以弧度为单位。cos (y)返回 y 的余弦，返回值以弧度为单位tan (y)返回 y 的正切，返回值以弧度为单位 min (x, y)返回 x 和 y 两个数中较小的数 max (x, y)返回 x 和 y 两个数中较大的数 random返回0-1的随机数round (y)四舍五入取整sqrt (y)返

38、回 y 的平方根math.random( ) ：产生：产生01的随机小数的随机小数math.round( )：四舍五入取整，如：四舍五入取整，如9.34 取整为取整为9 javascript training如何实现 javascript training自动刷新 document.write(2秒自动刷新，随机显示图片); var i=0; i=math.round(math.random( )*8+1); document.write(); 假定随机产生的数字i=3，上述代码即为：显示第三幅图片（3.jpg） 每隔2秒刷新网页math.round(math.random( )*8+1) 产

39、生1-9的数字 javascript trainingmath对象方法练习对象方法练习p验证上例 javascript training3. string 对象对象创建字符串有两种不同方法 ：p使用 var 语句 var newstr = “这是我的字符串这是我的字符串p创建 string 对象var newstr = new string (“这是我的字符串这是我的字符串) javascript trainingstring相关函数p属性：lengthp方法：qcharatqindexofqsubstrqtolowercaseqevalcharat()返回在指定位置的字符。concat()连

40、接字符串。indexof()检索字符串。localecompare()用本地特定的顺序来比较两个字符串。match()找到一个或多个正则表达式的匹配。search()检索与正则表达式相匹配的值。substr()从起始索引号提取字符串中指定数目的字符。tolowercase()把字符串转换为小写。touppercase()把字符串转换为大写。valueof()返回某个字符串对象的原始值。 javascript trainingstring对象方法练习对象方法练习p验证上例 javascript trainingjavascript 事件 事件名说明onclick鼠标单击onchange 文本内容

41、或下拉菜单中的选项发生改变onfocus 获得焦点，表示文本框等获得鼠标光标。onblur 失去焦点，表示文本框等失去鼠标光标。onmouseover 鼠标悬停，即鼠标停留在图片等的上方onmouseout 鼠标移出，即离开图片等所在的区域onmousemove鼠标移动，表示在层等上方移动onload 网页文档加载事件onsubmit 表单提交事件onmousedown 鼠标按下onmouseup 鼠标弹起3.2 网页事件处理网页事件处理 javascript trainingjavascript 事件处理程序事件处理程序 pjavascript 事件处理程序就是一组语句，在事件 （如点击鼠标

42、或移动鼠标等）发生时执行 事件处理事件事件处理程序的基本语法是：事件名= javascript 代码函数 表示鼠标按下时，将调用执行函数check( ) 。 javascript trainingcardpassmyformonfocus和和onblur 事件事件-1 javascript trainingfunction myfun1( ) if (document.myform.card.value=请注意格式：10 xxxxxx) document.myform.card.value= ;function myfun2( ) var a=document.myform.card.valu

43、e; if (a.substr(0,2)!=10 | isnan(a) alert(格式错误，请重新输入) ; document.myform.card.focus(); 文本框获得鼠标焦点时（onfocus）调用的函数：清空卡号文本框 文本框失去鼠标焦点时（onblur）调用的函数：判断格式是否正确 focus( )方法再次获得焦点，即鼠标光标回到卡号文本框 javascript training卡号： 密码： onfocus和和onblur 事件事件-2添加事件处理 javascript trainingonmouseover和和onmousedown事件事件 javascript tra

44、ining图片切换 低价转让哈士奇弟弟 移过来看看俺啊添加事件处理 ：切换图片onmouseover=src=dog2.jpg 表示本图片的图片名称替换为dog2.jpg。请注意：由于外面两端已有双引号，为区别起见，dog2.jpg改用为单引号括起来。 javascript training网页事件练习网页事件练习p验证上例 javascript training3.3 网页浏览器对象网页浏览器对象 http:/window 窗口对象location地址对象document文档对象form表单对象浏览器对象的分层结构window.document.myform.text1 javascript

45、 trainingq浏览器对象的分层结构浏览器对象的分层结构 javascript trainingq window 对象对象属性属性 名称名称 说明说明 document表示给定浏览器窗口中的 html 文档。 history 包含有关客户访问过的url的信息。location包含有关当前 url 的信息。 name设置或检索窗口或框架的名称。 status 设置或检索窗口底部的状态栏中的消息。 screen包含有关客户端的屏幕和显示性能的信息。 1. window 对象对象 javascript training名称 说明 alert (“m提示信息)显示包含消息的对话框。 confirm

46、（“提示信息”）显示一个确认对话框，包含一个确定取消按钮prompt（”提示信息“）弹出提示信息框open (url,name)打开具有指定名称的新窗口，并加载给定 url 所指定的文档；如果没有提供 url，则打开一个空白文档close ( )关闭当前窗口settimeout（”函数”,毫秒数） 设置定时器：经过指定毫秒值后执行某个函数 cleartimeout(定时器对象) q window 对象方法对象方法 javascript trainingwindow 对象应用示例对象应用示例1 javascript trainingfunction openwindow( ) window.op

47、en(google.htm);function closewindow( ) window.close ( );使用 open 方法打开新窗口 使用 close 方法关闭窗口添加单击事件因为window是最顶层的根，所以可以省略window.open(google.htm);可简写为：open(google.htm);其他方法也是如此。 javascript trainingwindow 对象应用示例对象应用示例2 javascript trainingopen（”打开窗口的打开窗口的url”，”窗口名窗口名”，”窗口特征窗口特征”）窗口的特征如下，可以任意组合：height： 窗口高度； w

48、idth： 窗口宽度； top： 窗口距离屏幕上方的象素值； left：窗口距离屏幕左侧的象素值； toolbar： 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable： 是否允许改变窗口大小，yes或1为允许 location： 是否显示地址栏，yes或1为允许 status：是否显示状态栏内的信息，yes或1为允许；我们需要预先制作好广告页面，假设为adv.htm，打开广告窗口的语句如下 ：open(“adv.htm”, “”, “toolbars=0, scrollbars=0, location=0, statusbars=0

49、, menubars=0, resizable=0, width=650, height=150”); javascript trainingfunction openwindow( ) open(adv.htm, , toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=150); 看看和我一起打开的广告窗口 使用 open 方法打开广告新窗口 添加页面加载事件 javascript trainingq document 对象属性对象属性名称名称 说明说明a

50、linkcolor设置或检索文档中所有活动链接的颜色 bgcolor设置或检索 document 对象的背景色 body指定文档正文的开始和结束linkcolor设置或检索文档链接的颜色location包含关于当前 url 的信息 title包含文档的标题url设置或检索当前文档的 urlvlinkcolor设置或检索用户访问过的链接的颜色 2. document 对象对象 javascript trainingq document对象对象方法方法 名称名称 说明说明 clear ( )清除当前文档 close ( )关闭输出流并强制显示发送的数据write (text)将文本写入文档 getelementbyid(id) 返回指定元素的引用返回指定元素的引用 getelementsbyname(elementname) 返回返回name=elementname的所有的所有xhtml元素对象的列表元素对象的列表 getelementsbytagname(name) 返回文档中所有匹配的元素的集合返回文档中所有匹配的元素的集合 createcomment(data) 创建创建xhtml注释注释 createelement(name) 创建指定类型的新元素