js复习题库 答案(1)

js复习题库 答案(1)
js复习题库 答案(1)

一.选择题(每题2分,共160分)

1.以下哪个变量名是非法的: ( B )

A. num_1

B. 2sum

C. $_

D. _des

2.以下哪个单词不属于javascript关键字: ( D )

A. while

B. parent

C. case

D. class

3.在JavaScript中用下面哪个关键字来定义变量: ( D )

A. int

B. document

C. char

D. var

4.(778>787)?5:2的结果是: ( A )

A. 2

B. 5

C. 5,2

D. 3

5.在JavaScript表达式中12+"12"+"5"的结果是: ( D )

A. 29

B. 1217

C. 126

D. 12125

6.实现在页面上隐藏某个元素的CSS属性是:(A )

A . display:none B. display:block

C. display:inline

D. display:inline-block

7.DOM定义了访问HTML文档对象的一套: ( D ) A.属性 B.方法 C.事件 D.以上都是

8.onfocus事件是指: ( C )

A. 移动鼠标

B. 点击鼠标

C. DOM元素获取到焦点

D. DOM元素失去焦点

9.分析下面的JavaScript代码段,输出结果是: ( B ) Var a = Math.round(4.1);

document.write(a);

A. 4.1

B. 4

C. 4.5

D. 5

10.在JavaScript中,命令按钮(Button)支持的事件是: ( A ) A. onClick B. onChange C. onSelect D. onLoad

11.setInterval(myFunc,20) 语句的含义是: ( C )

A. 每隔20秒,myFunc函数就会被调用一次

B. 20以后,myFunc函数被调用一次,且只调用一次

C. 每隔20毫秒,myFunc函数就会被调用一次

D. 循环调用myFunc函数20次

12.关于正则表达式声明6 位数字的邮编,以下代码正确的是 ( C )

A. var reg = /\d6/;

B. var reg = \d{6}\;

C. var reg = /\d{6}/;

D. var reg = new RegExp("\d{6}");

13.下面对于JavaScript中的单选按钮(radio)的说法正确的是: ( A )

A. 单选按钮可以通过单击“选中”和“未选中”来进行切换

B. 单选按钮没有checked属性

C. 单选按钮不支持onClick事件

D. 单选按钮的length属性表示同一组中单选按钮的数量

14.下面隐藏名为mydiv的层的代码正确的是: ( )

正确写法:document.getElementById(“mydiv”).style.display = "none";

A. document.getElementById(mydiv).style.display = "none";

B. document.getElementById("mydiv").style.display = none;

C. document.getElementById("mydiv").display = "none";

D. document.getElementById("mydiv").display = none;

15.setTimeout(myFunc,20) 语句的含义是: ( B )

A. 每隔20秒,myFunc函数就会被调用一次

B. 20以后,myFunc函数被调用一次,且只调用一次

C. 每隔20毫秒,myFunc函数就会被调用一次

D. 循环调用myFunc函数20次

16.下列语句中,可以在控制台输出当前日期的js语句是: ( C )

A. Date myDate = new Date(); console.log(myDate.Now. toLocaleDateString());

B. Date myDate = new Date(); console.log(myDate.Now. toLocaleTimeString());

C. var myDate = new Date(); console.log(myDate. toLocaleDateString());

D. var myDate = new Date(); console.log(myDate. toLocaleTimeString()); 17.下面对于JavaScript中的复选框(checkbox)的说法正确的是: ( B )

A. 如果需将一个复选框选中,需要将复选框的selected属性设为true

B. 如果需将一个复选框选中,需要将复选框的checked属性设为true

C. 如果需将一个复选框选中,需要将复选框的selected属性设为selected

D. ?如果需将一个复选框选中,需要将复选框的checked属性设为checked 18.JavaScript语言的文件中,focus 将触发的事件是: ( B )

A.元素失去焦点 B.当前焦点位于该元素

C.页面被载入 D.将当前内容提交

19.页面上需要让用户填入一些信息时,我们一般都要对用户填入的信息做 ( A ) A. 表单验证 B. 数据分析 C.数据采样 D.数据确认

20.如果下拉列表框( select )对象中没有选项被选中,那么selectedIndex属性的值为:( A )

A.0

B. 1

C. -1

D.null

21.分析下面的JavaScrip代码段,输出的结果是: ( B )

var s1=15;

var s2=”string”;

if (isNaN(s1))

document.writeln (s1);

if (isNaN(s2) )

document.write (s2);

A. 15

B. string

C. 15string

D. 不打印任何信息

22.分析javascript代码段,输出结果是: ( D )

var a="I love Mr.Lee";

a = a.substr(2,4);

document.write(a)

A.I lo

B.lo

C..Lee

D.love

23.分析下面的javascript代码段,输出结果是: ( C )

var mystring="I am a good student";

a=mystring.indexOf("good");

document.write(a);

A. 5

B. 6

C. 7

D. 8

24 . var a=new Array(2,3,4,5,6);

sum=0;

for(i=1;i

sum +=a[i];

document.write(sum);

输出结果是( B )

A. 20

B. 18

C. 14

D. 12

25 . 下列 JavaScript 语句中,(B)能实现单击一个按钮时弹出一个消息框。(选择一项)

A.

B.

C.

D.

26 . 在 JavaScript 中,文本框(Text)不支持的事件是( B )

A. onBlur

B. onLostFocused

C. onFocus

D. onChange

27 . 分析下面的 javascript 代码:

x=11;

y="number";

m= x+y ;

m 的值为(A)

A. 11number

B. number

C. 11

D. 程序报错

28 . 在页面的同一目录下有外部js文件scriptfile.js,能正确访问到该文件的语法是( B )

A.

B.

C.

D. < language src=” scriptfile.js”>

29 . 在 javaScript 中,可以使用 Date 对象的(A)方法返回该对象的日期。

A. getDate

B. getYear

C. getMonth

D. gerTime

30 . 能正确获取id为txtName文本框中用户输入的字符串的代码是( B )

A. document.getElementById(“txtName”).value;

B. document.getElementById(“txtName”).text;

C . document.getElementById(“txtName”).innerHTML;

D. document.getElementById(“txtName”).innerText;

31.下列声明变量的语句,符合 JavaScript 语法的是(C )

A. dim x;

B. int x;

C. var x;

D. x;

32. 分析如下的 JavaScript 代码片段, b 的值为( C )

Var a = 1.5,b;

b=parseInt(a);

A. 2

B. 0.5

C. 1

D. 1.5

33.页面中的某个DIV标签设置以下样式div { width:200px; padding:0 20px; border:5px; },则该标签的实际宽度为( D )。

A.200px B.220px

C.240px D.250px

34. CSS中,能够让超出div可视区域范围的内容隐藏的CSS代码是:( A )A.overflow:hidden; B.display:block;

C.overflow:scroll; D.display:scroll;

35 . 下列正则表达式中(B )可以匹配首位是小写字母或数字,其它位数是小写字母的最少两位的字符串。

A./^ \w{2,}$/ B./^ [a-z0-9][a-z]+$/

C./^ [a-z0-9][a-z]*$/ D./^ [a-z0-9]\d+$/

36、JavaScript使用( A )符号来分隔两条语句

A. 分号

B. 逗号

C. 句号

D.引号

37、下列JavaScript的判断语句中( A )是正确的

A.if(i==0)

B.if(i=0)

C.if i==0 then

D.if i=0 then

38、下列JavaScript的循环语句中( D )是正确的

A.if(i<10;i++)

B.for(i=0;i<10)

C.for i=1 to 10

D.for(i=0;i<=10;i++)

39、以下不属于鼠标事件的是( C )

A.onclick

B.onmouseover

C.onload

D.onmouseout

40、Math.abs( -52 )的结果是:( B )

A.51 B.52 C.-52 D.50

41、Math.round( 95.39 )的结果是:( C )

A.95.3 B. 95.4 C. 95 D. 96

42、Math.ceil( 95.39 )的结果是:( D )

A.95.3 B. 95.4 C. 95 D. 96

43、Math.floor( 95.39 )的结果是:( C )

A.95.3 B. 95.4 C. 95 D. 96

44、以下( )表达式产生一个0~7之间(含0,7)的随机整数. C

A. Math.floor(Math.random() * 6)

B. Math.floor(Math.random() * 7)

C. Math. floor(Math.random() * 8)

D. Math.ceil(Math.random() * 8)

45、标签“”可以通过哪个属性来改变元素的类型(C )

A.action

https://www.360docs.net/doc/7e13178566.html,

C.type

D.id

46、在DOM模型中,( A )标签为文档的根节点,位于结构中的最顶层。

A.

B.

C.

D.</p><p>47、在JavaScript中以对话框的形式来显示提示或警告信息方法是( B )</p><p>A.document.write()</p><p>B. alert(s)</p><p>C. msgBox(s)</p><p>D. console.log(s)</p><p>48、JavaScript函数SetTimeOut(”countA()”,1000)的作用是(D )</p><p>A.每隔1分钟调用一次countA()函数</p><p>B. 每隔1秒钟调用一次countA()函数</p><p>C. 1分钟后调用countA()函数</p><p>D. 1秒钟后调用countA()函数</p><p>49、在HTML文档中编写Javascript代码时,应编写在(B)标签中间。</p><p>A.<javascript>和</javascript></p><p>B.<script>和</script></p><p>C. <head>和</head></p><p>D. <body>和</body></p><p>50、下列哪个方法在Javascript的Date对象返回当月的日期。A A.getDate B.getYear C.getMonth D.getTime</p><p>51、JavaScript外部文件的扩展名是( C )</p><!--/p6--><!--p7--><p>A . html B. cs C. js D.css</p><p>52、样式表外部文件的扩展名是( D )</p><p>A . html B. cs C. js D.css</p><p>53、下面while循环执行的次数为( D )</p><p>var i=5;</p><p>while (i==0){</p><p>i--;</p><p>}</p><p>A. 无限次</p><p>B. 1</p><p>C. 5</p><p>D. 0</p><p>54、下面能正确获取标签</p><p><li index=”1”>选项1</li></p><p>中的index属性的值的代码是 ( C )</p><p>A. objLi.index</p><p>B. objLi[index]</p><p>C.objLi.getAttribute(“index”)</p><p>D. objLi.setAttribute(“index”)</p><p>55. 下列是正确的Json格式对象的选项是()</p><p>[{name:”james”,age:18}]</p><p>A. [name:”James”, age:18]</p><p>B. [name=”James”, age=18]</p><p>C. {name=”James”, age=18}</p><p>D. {“name”:”James”, “age”:18}</p><p>56. 下列是正确的Json格式对象的选项是( B )</p><p>A. {name=”James”, age=18}</p><p>B. {name:”James”, age:18}</p><p>C. {“name”=”James”, “age”=18}</p><p>D. {“name”:”James”, “age”:18}</p><p>57. 下列哪个是Javascript中注释的正确写法( B )</p><p>A.< !-- -- ></p><p>B. //</p><p>C. --</p><p>D.\\</p><p>58. 以下不属于Javascript原始类型的是:(C)</p><p>A.string</p><p>B.number</p><p>C.function</p><p>D.boolean</p><p>59. 在JavaScript中,下列哪段代码能够在1秒之后执行表达式expression(D )</p><p>A.window.setTimeout(1000,expression);</p><p>B.window.setTimeout(expression,1);</p><!--/p7--><!--p8--><p>C.window.setTimeout(1,expression);</p><p>D.window.setTimeout(expression,1000);</p><p>60.JS中页面跳转需要使用window对象的哪个属性(A )</p><p>A.location</p><p>B.address</p><p>C.src</p><p>D.redirect</p><p>61. 下列不是document对象的属性的是:( D )</p><p>A.title</p><p>B.body</p><p>C.html</p><p>D.documentElement</p><p>62. 下列关于鼠标事件描述有误的是(B)</p><p>A.onclick表示鼠标单击</p><p>B.ondoublelclick表示鼠标右击</p><p>C.onmousedown表示鼠标的按钮被按下</p><p>D.onmousemove表示鼠标进入某个对象范围,并且移动</p><p>63. 下列正则表达式限定符含义不匹配的是(A)</p><p>A.{n,}:至少出现n次</p><p>B.{n,m}:出现n或m次</p><p>C.?:出现0-1次</p><p>D.*:出现任意次</p><p>64. 下列正则表达式中元字符描述有误的是(B)</p><p>A.[] :匹配范围内的任意一个字符</p><p>B. .:匹配任意字符</p><p>C.\w:匹配任意字母、数字、下划线、汉字</p><p>D.\d:匹配0-9之间的任意数字</p><p>65.下列的哪一个表达式将返回值为false( B )</p><p>A.!(3<=1)</p><p>B.(4>=4)&&(5<=2)</p><p>C.(“a”==”a”)&&(“c”!=”d”)</p><p>D.(2<3)||(3<2)</p><p>66.将字串s中的所有字母变为小写字母的方法是(B )</p><p>A.s.toSmallCase()</p><p>B.s.toLowerCase()</p><p>C.s.toUpperCase()</p><p>D.s.toUpperChars()</p><!--/p8--><!--p9--><p>67.Js中创建日期类型对象的方法是( B )</p><p>A.new Time()</p><p>B.new Date()</p><p>C.new DateTime()</p><p>D.new Now()</p><p>68.获取页面上所有图片标签引用的方法是( B )</p><p>A.document.getElementById()</p><p>B.document.getElementsByTagName()</p><p>C.document.getElementsByName()</p><p>D.document.getElementsByClassName()</p><p>69.在页面上动态创建一个li标签,可以使用的语句是( A )</p><p>A.document.createElement()</p><p>B.document.newElement()</p><p>C.document.createLabel()</p><p>D.document.newLabel()</p><p>70.下面哪一个可以正确获取到DOM对象obj的第1个子节点( D )</p><p>A.obj.getChild(1);</p><p>B.obj.getChild[1]</p><p>C.obj.children(1)</p><p>D.obj.children[1]</p><p>71.下面哪一个可以把DOM对象obj添加为divObj的子节点( C )</p><p>A.obj.addChild(divObj)</p><p>B.divObj.addChild(obj)</p><p>C.obj.appendChild(divObj)</p><p>D.divObj.appendChild(obj)</p><p>72.parseInt()方法的作用是( B )</p><p>A.将字符串转换成整形数</p><p>B.将小数转换成整数</p><p>C.将数值转换成字符串</p><p>D.大小写转换</p><p>73.获取文本框中用户输入的字符串,需要访问该dom元素的( C )属性</p><p>A.text</p><p>B.type</p><p>C.value</p><p>https://www.360docs.net/doc/7e13178566.html,</p><p>74.使用外部JS程序文件的正确格式是(B )</p><p>A.<script href=”xxx.js’></script></p><p>B.<script src=”xxx.js”></script></p><p>C.<script name=”xxx.js”></script></p><p>D.<script file =”xxx.js”></script></p><!--/p9--><!--p10--><p>75.Js数组的下标是从( A )开始计数的</p><p>A.0</p><p>B. 1</p><p>C. 2</p><p>D. 3</p><p>76.Js中打开具有“确定”和“取消”2个按钮的小对话窗口,让用户确认信息的是( D )</p><p>A.alert()</p><p>B. messageBox()</p><p>C. prompt()</p><p>D. confirm( )</p><p>77.当页面加载完毕时会自动触发的事件是(A )</p><p>A.window.onload()</p><p>B. window.load()</p><p>B.document.onload() D. document.load()</p><p>78.编辑JavaScript程序时(C )。</p><p>A.只能使用记事本</p><p>B.只能使用Sublime编辑软件</p><p>C.可以使用任何一种纯文本编辑器</p><p>D.只能使用MS word编辑工具</p><p>79.能够把id为“scroll”的div的背景颜色修改为粉色的代码是( D )</p><p>A.document.getElementById(“scroll”).style.color = pink;</p><p>B.document.getElementById(“scroll”).style.color = “pink”;</p><p>C.document.getElementById(“scroll”).style.backgroundColor= pink;</p><p>D.document.getElementById(“scroll”).style.backgroundColor = “pink”;</p><p>80.能够把id为“error”的span中文字修改为“验证失败!”的语句是(C )</p><p>A.document.getElementById(“error”).html = “验证失败!”;</p><p>B.document.getElementById(“error”).value = “验证失败!”;</p><p>C.document.getElementById(“error”).innerHTML = “验证失败!”;</p><p>D.document.getElementById(“error”).text = “验证失败!”;</p><p>二.填空题(每空1分,共40分)</p><p>1.js中能够用作变量首字符的字符有____字母_______、_下划线___________和</p><p>_____$________。</p><p>2.js的单行注释符是____双反斜杠___________。</p><p>3.js声明变量时使用的关键字是____var___________。</p><p>4.js声明函数时使用的关键字是___function____________ 。</p><p>5.文档对象模型中的顶级对象是____document__________对象。</p><!--/p10--><!--p11--><p>6.浏览器对象模型中的顶级对象是______window_________对象。</p><p>7.如果把js代码封装到一个外部文件中,那么该文件的扩展名必须是_____.js__________。</p><p>8.Js中鼠标单击的响应事件名是_______onclick________。</p><p>9.Js的基础数据类型有___Number__________、_______String______、</p><p>_____Boolean_______、______Undefined_________和_____Null__________。</p><p>10.在html文档中插入一段js代码,必须把该段代码放在一对___script标签____________</p><p>内。</p><p>11.在js的事件处理函数中,可以使用_____this__________关键字,来指代当前事件源对</p><p>象。</p><p>12.获取日期类型对象的年份,需要使用Date对象的______getFullYear()_________函数。</p><p>13.获取字符串str的长度,需访问其___.length____________属性</p><p>14.实现页面元素的拖拽效果,需要使用______onmousedown_________和</p><p>___onmousemove____________两个事件相互配合来完成。</p><p>15.如果要在页面上实现1个子盒子在1个父盒子内部运动,前提条件是在CSS样式中,必</p><p>须给父盒子和子盒子设置其_______position________属性。</p><p>16.正则表达式中常用的基本元字符都有____._______、_______[]______和_______|____。</p><p>17.获取某dom节点的父节点的属性是____parent___________。</p><p>18.获取某dom节点所有dom子节点的属性是__getElementsByTagName()_____________。</p><p>19.已知有Var str = “I love you”; 那么str.subStr(2)的结果是____love you___________。</p><p>20.Js中能够用来给浮点数取整的方法有___________parseInt ()__________、</p><p>_______Math.ceil()___________和_______Math.floor()______________</p><p>21.清除定时器的语句是____clearInterval____________________。</p><p>22.隐藏页面上某个元素,可以设置其CSS样式___dispaly:none;_________________来实</p><p>现。</p><p>23.如果div中的内容过多,超出了其制定大小的可显示范围,可以通过设置其CSS样式</p><p>_______overflow:hidden;_________________实现隐藏其溢出部分。</p><p>24.Js中往控制台输出数据的语句是_____console.log();___________________________。</p><p>25.Js中动态创建dom节点的语句是</p><p>____document.creatElement();____________________________________。</p><p>26.正则表达式中,表示所修饰的表达式只能出现0或1次的限定符是________?________。</p><p>27.正则表达式中,表示所修饰的表达式能出现任意次的限定符是______*__________。</p><p>28.正则表达式中,表示所修饰的表达式至少出现1的限定符是_______+_________。</p><!--/p11--><!--p12--><p>29.延迟若干时间以后,执行一段js代码,并且只执行1遍的定时器是___</p><p>setTimeout();___________。</p><p>三.判断题(每题1分,共40分)</p><p>1.Java与JavaScript是同一种语言错</p><p>2.JavaScript区分大小写对</p><p>3.“<!--”与“-->”是HTML注释标记,“//”是JavaScript注释标记对</p><p>4.JavaScript语言没有数据类型的概念,声明变量只使用var关键字对</p><p>5.函数如果需要返回一个特定类型的值,必须使用return语句对</p><p>6.JavaScript不会检测函数所传递的实际参数和形式参数的类型和数量。错</p><p>7.JavaScript也可以函数重载对</p><p>8.getElementById( ) 用来获取ID标签属性为指定值的第一个对象对</p><p>9.getElementsByName( )用来获取name标签属性为指定值的所有对象的集合对</p><p>10.JScript 是 javascript 的简称错</p><p>11.FireFox 和 IE 存在大量兼容性问题的主要原因在于他们对 javascript 的支持不同上对</p><p>12.JavaScript是一种编译型语言错</p><p>13.JavaScript是一种解释型语言对</p><p>14.Javascript代码需要编译以后才能执行</p><p>15.Javascript是事件驱动的</p><p>16.Javascript是弱类型语言对</p><p>17.Javascript的常用类型包括:int、string、boolean 错</p><p>18.Javascript中数组的长度必须在创建时给定,之后便不能改变错</p><p>19.Javascript中数组的长度可以随时根据需要动态改变对</p><p>20.Javascript中创建数组需要使用new运算符对</p><p>21.Javascript中数组内元素的类型可以不同对</p><p>22.Javascript中数组可以在声明的同时进行初始化对</p><p>23.Javascript中字面量表示法与Json格式一完全相同的错</p><p>24.setInterval定时器与setTimeout定时器功能是一样的错</p><p>25.清除定时器要使用clearInterval() 对</p><p>26.定时器只要开始工作就无法让其停止错</p><p>27.如果需要页面在打开10秒以后自动跳转到另外一个页面,应该使用setTimeout定时器来</p><p>实现。对</p><p>28.Javascript允许定义匿名函数错</p><p>29.Javascript所有的函数都必须有名字错</p><!--/p12--><!--p13--><p>30.Javascript中事件与函数其实是一回事。错</p><p>31.不同的浏览器对于js的支持情况可能不同对</p><p>32.Js事件可以用来提高网页的用户体验效果对</p><p>33.js事件一旦注册就无法销毁错不确定</p><p>34.Null与undefined是相同的错</p><p>35.Js中的事件处理函数都必须是无参的函数。错</p><p>36.Javascript可以方便的操作页面上的dom元素对</p><p>37.在JavaScript中只允许使用预定义的函数,而不能自定义函数。错</p><p>38.JavaScript的函数定义允许嵌套,即在函数中可以定义另一个函数。对</p><p>39.在文档对象模型(DOM)中,最顶级的对象是document对象错</p><p>40.定义js函数时,必须给每个参数声明其类型错</p><p>四.简答题(每题5分,共80分)</p><p>1.简述DOM操作中查找节点的API都有哪些,其功能是什么?至少写出3个。</p><p>document.getElementById() 用来获取拥有指定ID的第一个对象的引用</p><p>document.getElementsByTageName() 用来获取拥有指定Name的标签数组对象document.getElementsByClassName() 用来获取拥有指定class标签数组对象(这样好记)</p><p>2.简述正则表达式中元字符都有哪些,其含义是什么。</p><p>“.” :代表除了\n以外,任意的单个字符</p><p>“[]”:代表在一定范围之内的任意1个字符</p><p>“|”:代表或的意思</p><p>3.简述正则表达式中都有哪些限定符,其含义是什么。</p><p>“*”:表示前边出现的表达式可以出现0次或者多次</p><p>“+”:表示前面出现的表达式可以出现1次或者多次(1-n),至少有1次“?”:表示0次或者1次</p><p>“{n}”:表示必须出现n次</p><p>4.简述页面元素定位方式(position定位)都有哪些,及其他们之间的区别</p><p>fixed :固定定位,把某个区域固定到一个位置上不变</p><p>relative:</p><p>absolute:</p><p>5.简述js中都有哪些定时器,它们之间的区别是什么。</p><p>setInterval(function(),time) 每个time毫秒就执行一次就执行一次function函数setTimeOut(function(),time) time毫秒后执行一下function只执行一次</p><!--/p13--><!--p14--><p>6.简述js设置页面上元素的CSS样式都有哪些方法,这些方法之间有什么区别</p><p>obj.style.样式属性直接给指定的标签添加指定的样式</p><p>obj.className 给他一个样式类名在里面可以定义很多样式属性来改变obj的样式</p><p>7.简述js字面量表示法与json格式的区别。</p><p>Json对象是一种数据组织格式,它是以“key:value”对集合的形式来存储数据的一种方式{“key1”:value1, “key2”:value2,…….} value值可以是</p><p>number,string,true,false,null,复杂对象 Json对象中可以给key和value都加上引号.</p><p>Js字面量表示法,就是为了轻松搞定函数大量参数需要-对应输出的情况。他的对策就是给函数传入一个对象,而这个对象是用字面量的方法定义的,属性和值对应的方式可以一目了然。</p><p>8.简述HTML,CSS,JavaScript三者之间的关系与各自的作用。</p><p>关系:相互关联、相辅相成</p><p>HTML是内容</p><p>CSS是样式</p><p>JavaScript是交互</p><p>9.写出验证字符串是否符合中华人民共和国手机号码的正则表达式。</p><p>^(\d{3,4}\-?\d{7,8})|(\d{5})$</p><p>10.简述DOM对象的offsetWidth属性与style.width属性有什么区别</p><p>offsetWidth是获取制定标签的宽度</p><p>style.width是给制定的标签设置指定的宽度</p><p>11.简述获取标签元素属性的值的方法有哪两种。这两种方法有什么区别</p><p>1、用getAttribute获取</p><p>2、用打点获取如:document.getElementById(id).value</p><p>getAttribute的兼容性更好</p><p>12.简述DOM元素的innerHTML与innerText属性有什么区别</p><p>innerText会原封不动的显示字符串文本。</p><p>innerHTML会解析这个字符串,如果该字符串中有HTML标记的成分,他就会按照HTML 的规范,把这些部分翻译成标签来显示。</p><p>innerHTML的兼容性较好,innerText的兼容性较弱</p><p>13.简述onclick事件与onmouseover事件的区别</p><p>onclick是点击事件只有点击之后事件才会执行</p><p>onmouseover是鼠标放上去事件,当鼠标放上去事件就可以执行</p><p>14.简述onfocus事件与onclick事件的区别</p><p>onfocus是当光标落到文本框中时发生的事件</p><!--/p14--><!--p15--><p>onclick适当鼠标点击时就会发生的事件</p><p>15.写出js中让页面元素做缓动动画的公式</p><p>leader = leader + (target - leader) / 10;</p><p>16.简述obj.style.width与obj.offsetWidth两个属性有什么区别。</p><p>obj.style.width是给obj设置宽度</p><p>obj.offsetWidth 是获取obj的宽度</p><p>五.案例题(每题10分,共120分)</p><p>下面所有题目都要求用js代码实现题干要求</p><p>1.查找id为register的div中所有的文本框元素,并把他们全部清空</p><p>window.onload = function(){</p><p>var reg = document.getElementById(“register”);</p><p>var divs = reg.getElementsByTagName(“div”);</p><p>for(var i=0;i<divs.length;i++){</p><p>divs[i].innerHTML = “”;</p><p>}</p><p>}</p><p>2.假设当前页面是让用户选择兴趣爱好的页面。要求:当用户点击按钮时,在控制台输出用</p><p>户选中的所有复选框的序号。</p><p><body></p><p><input type="button" value="点击输出" id="iptn"></p><p><input type="checkbox" name=""> 篮球</p><p><input type="checkbox" name=""> 足球</p><p><input type="checkbox" name=""> 羽毛球</p><p><input type="checkbox" name=""> 电影</p><p></body></p><p><script type="text/javascript"></p><p>window.onload = function(){</p><p>document.getElementById("iptn").onclick = function(){</p><p>var ipt = document.getElementsByTagName("input");</p><p>for(var i=0;i<ipt.length;i++){</p><p>if(ipt[i].checked){</p><p>console.log(i);</p><p>}</p><p>};</p><p>}</p><p>}</p><p></script></p><!--/p15--><!--p16--><p>3.写一个函数,判断一个字符串中出现次数最多的字符,返回这个字符重复的次数</p><p>4.验证用户在文本框中输入的用户名长度是不是6-16位。</p><p><script type="text/javascript"></p><p>window.onload = function(){</p><p>document.getElementById("click").onclick = function(){</p><p>var text = document.getElementById("ipt").value;</p><p>if(text.length>=6&&text.length<=16){</p><p>alert("是");</p><p>}</p><p>else{</p><p>alert("不是");</p><p>}</p><p>}</p><p>}</p><p></script></p><p><body></p><p><input type="text" name="" id="ipt"></p><p><input type="button" value="点击验证" id="click"></p><p></body></p><p>5.实现网页表格的隔行变色效果。</p><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p><p>"https://www.360docs.net/doc/7e13178566.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p><html xmlns="https://www.360docs.net/doc/7e13178566.html,/1999/xhtml" xml:lang="en"></p><p><head></p><p><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"></p><p><title>Document

隔行变色
名字第一列第二例

第四列
111 121314
221 222324
331 323334
441 424344

6.当鼠标移动到表格的任意一行上的时候,高亮显示这一行。

Document

隔行变色
名字第一列第二例第三第四列
111 121314
221 222324
331 323334
441 424344

7.当点击button按钮时选中id为favors的div中所有的复选按钮

Document

电影

享受安静时光

8.实现省市联动案例。