選擇題（每題2分，共160分）

1.以下哪個變量名是非法的：（B）

A.num_lB.2sumC.$_D._des

2.以下哪個單詞不屬于javascript關(guān)鍵字：（D）

A.whileB.parentC.caseD.class

3.在JavaScript中用下面哪個關(guān)鍵字來定義變量：（D）

A.intB.documentC.charD.var

4.（778>787）?5:2的結(jié)果是：（A）

A.2B.5C,5,2D.3

5.在JavaScript表達(dá)式中12+U2”+”5"的結(jié)果是：（D）

A.29B.1217C.126D.12125

6.實現(xiàn)在頁面上隱藏某個元素的CSS屬性是：（A）

A.display:noneB.display:block

C.display:inlineD.display:inline-block

7.DOM定義了訪問HTML文檔對象的一套：（D）

A.屬性B.方法C.事件D.以上都是

8.onfocus事件是指：（C）

A.移動鼠標(biāo)B,點擊鼠標(biāo)

CDOM元素獲取到焦點D.DOM元素失去焦點

9.分析下面的JavaScript代碼段，輸出結(jié)果是：（B）

Vara=Math.round（4.1）;

document,write（a）;

A.4.1B.4C.4.5D.5

10.在JavaScript中,命令按鈕（Button）支持的事件是：（A）

A.onClickB.onChangeC.onSelectD.onLoad

11.setInterval(myFuncz20)語句的含義是：(C)

A.每隔20秒，myFunc函數(shù)就會被調(diào)用一次

B.20以后，myFunc函數(shù)被調(diào)用一次,且只調(diào)用一次

C.每隔20毫秒,myFunc函數(shù)就會被調(diào)用一次

D.循環(huán)調(diào)用myFunc函數(shù)20次

12.關(guān)于正則表達(dá)式聲明6位數(shù)字的郵編，以下代碼正確的是（C）

A.varreg=/\d6/;

B.varreg=\d{6}\;

C.varreg=八d{6}/;

D.varreg=newRegExp（"\d{6}"）;

13.下面對于JavaScript中的單選按鈕（radio）的說法正確的是：（A）

A,單選按鈕可以通過單擊"選中"和"未選中”來進(jìn)行切換

B.單選按鈕沒有checked屬性

C.單選按鈕不支持onClick事件

D.單選按鈕的length屬性表示同一組中單選按鈕的數(shù)量

14.下面隱藏名為mydiv的層的代碼正確的是：()

正確寫法:document.getElementByldC'mydiv^.style.display="none";

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

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

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

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

15.setTimeout（myFunc,20）語句的含義是：（B）

A.每隔20秒，myFunc函數(shù)就會被調(diào)用一次

B.20以后，myFunc函數(shù)被調(diào)用一次，且只調(diào)用一次

C.每隔20毫秒，myFunc函數(shù)就會被調(diào)用一次

D.循環(huán)調(diào)用myFunc函數(shù)20次

16.下列語句中，可以在控制臺輸出當(dāng)前日期的js語句是：(C)

A.DatemyDate=newDate();console.log(myDate.Now.toLocaleDateStringO);

B.DatemyDate=newDate();console.log(myDate.Now.toLocaleTimeStringO);

C.varmvDate=newDate();console,log(mvDate.toLocaleDateStringO);

D.varmyDate=newDate();console.log(myDate.toLocaleTimeString());

17.下面對于JavaScript中的復(fù)選框（checkbox）的說法正確的是：（B）

A.如果需將一個復(fù)選框選中，需要將復(fù)選框的selected屬性設(shè)為true

B.如果需將一個復(fù)選框選中，需要將復(fù)選框的checked屬性設(shè)為true

C.如果需將一個復(fù)選框選中,需要將復(fù)選框的selected屬性設(shè)為selected

D.?如果需將一個復(fù)選框選中，需要將復(fù)選框的checked屬性設(shè)為checked

18.JavaScript語言的文件中，focus將觸發(fā)的事件是：B)

A.元素失去焦點B.當(dāng)前焦點位于該元素

C.頁面被載入D.將當(dāng)前內(nèi)容提交

19.頁面上需要讓用戶填入一些信息時，我們一般都要對用戶填入的信息做(A)

A.表單驗證B.數(shù)據(jù)分析C.數(shù)據(jù)采樣D.數(shù)據(jù)確認(rèn)

20.如果下拉列表框(select)對象中沒有選項被選中，那么selectedlndex屬性的值為：

(A)

A.0B.1C.-1D.null

21.分析下面的JavaScrip代碼段，輸出的結(jié)果是：(B)

varsl=15;

vars2=,/string//;

if(isNaN(sl))

document.writeln(si);

if(isNaN(s2))

document.write(s2);

A.15B.strinaC.15stringD.不打印任何信息

22.分析javascript代碼段，輸出結(jié)果是：(D)

vara="IloveMr.Lee";

a=a.substr(2,4)；

document.write(a)

A.IIo

B.Io

C..Lee

D.love

23.分析下面的javascript代碼段，輸出結(jié)果是：(C)

varmystring="Iamagoodstudent";

a=mystring.indexOf("good");

document,write(a);

A.5B.6C.7D.8

24.vara=newArray(2,3,4,5,6);

sum=0;

for(i=l;i<a.length;i++)

sum+=a[i];

document.write(sum);

輸出結(jié)果是(B)

A.20

31,下列聲明變量的語句，符合JavaScript語法的是（C）

A.dimx;B.intx;

C.varx;D.x;

32.分析如下的JavaScript代碼片段，b的值為（C）

Vara=1.5zb;

b=parselnt（a）;

A.2B,0.5C.1D.1.5

33.頁面中的某個DIV標(biāo)簽設(shè)置以下樣式div<width:200px;padding:020px;border:5px;},

則該標(biāo)簽的實際寬度為（D）。

A.200pxB.220px

C.240pxD.250Px

34.CSS中，能夠讓超出div可視區(qū)域范圍的內(nèi)容隱藏的CSS代碼是：（A）

A.overflow:hidden;B.display:block;

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

35,下列正則表達(dá)式中（B）可以匹配首位是小寫字母或數(shù)字，其它位數(shù)是小寫字母的最少

兩位的字符串。

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

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

36、JavaScript使用（A）符號來分隔兩條語句

A.分號B.逗號C.句號D.引號

37、下列JavaScript的判斷語句中（A）是正確的

A.if（i==O）B.if（i=O）c.ifi==0thenD.ifi=0then

38、下列JavaScript的循環(huán)語句中（D）是正確的

A.if（i<10;i++）B.for（i=0;i<10）

C.fori=lto10D.for（i=0;i<=10;i++）

39、以下不屬于鼠標(biāo)事件的是（C）

A.onclickB.onmouseoverC.onloadD.onmouseout

40、Math.abs（-52）的結(jié)果是：（B）

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

41、Math.round(95.39)的結(jié)果是：(C)

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

42、Math.ceil(95.39)的結(jié)果是：(D)

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

43、Math.floor(95.39)的結(jié)果是：(C)

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

44、以下()表達(dá)式產(chǎn)生一個0~7之間(含0,7)的隨機(jī)整數(shù).C

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

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

C.Math.floo「(Math.random()*6)

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

45、標(biāo)簽"vinput>〃可以通過哪個屬性來改變元素的類型(C)

A.actionB.nameC.typeD.id

46、在DOM模型中，(A)標(biāo)簽為文檔的根節(jié)點，位于結(jié)構(gòu)中的最頂層。

A.<HTML>B.<HEAD>C.<BODY>D.<TITLE>

47、在JavaScript中以對話框的形式來顯示提示或警告信息方法是(B)

A.document.write()B.alert(s)

C.msgBox(s)D.console.log(s)

48、JavaScript函數(shù)SetTimeOut("countA。"，1000)的作用是(D)

A.每隔1分鐘調(diào)用一次countA。函數(shù)

B.每隔1秒鐘調(diào)用一次countA()函數(shù)

C.1分鐘后調(diào)用countA。函數(shù)

D.1秒鐘后調(diào)用countA。函數(shù)

49、在HTML文檔中編寫Javascript代碼時，應(yīng)編寫在(B)標(biāo)簽中間。

A.〈javascript〉和〈/javascript〉B.〈script〉和〈/script〉

C.<head>和v/head>D.vbody>和v/body>

50、下列哪個方法在Javascript的Date對象返回當(dāng)月的日期。A

A.getDateB.getYearC.getMonthD.getTime

51、JavaScript外部文件的擴(kuò)展名是（C）

A.htmlB.csC.jsD.css

52、樣式表外部文件的擴(kuò)展名是(D)

A.htmlB.csC.jsD.css

53、下面while循環(huán)執(zhí)行的次數(shù)為(D)

vari=5;

while(i==0){

i-；

)

A.無限次B.1C.5D.0

54、下面能正確獲取標(biāo)簽

<liindex-選項1</Ii>

中的index屬性的值的代碼是(C)

A.objLi.indexB.objLi[index]

C.objLi.getAttributeC'indexz,)D.objLi.setAttribute(''indexz")

55,下列是正確的Json格式對象的選項是()

[{name:〃james",age:18}]

,z,/

A.[name:Jameszage:18]

,,,,

B.[name=James/age=18]

C.(name="James",age=18}

D.{''name//:,,James,；''age":18}

56.下列是正確的Json格式對象的選項是(B)

/,,/

A.{name=Jameszage=18}

B.{name/Oames^age:18}

C,{''name〃="James",、'age〃=18}

D.rname〃:〃James〃,、'age〃:18}

57,下列哪個是Javascript中注釋的正確寫法(B)

A.<!■-->B,//

C.--D.\\

58.以下不屬于Javascript原始類型的是：(C)

A.stringB.number

C.functionD.boolean

59.在JavaScript中，下列哪三殳代碼能夠在1秒之后執(zhí)行表達(dá)式expression(D)

A.window.setTimeout(1000,expression);

B.window.setTimeout(expression,1);

C.window.setTimeout(l,expression);

D.window.setTimeout(expression,1000);

60JS中頁面B僻專需要使用window對象的哪個屬性(A)

A.locationB.address

C.srcD.redirect

61.下列不是document對象的屬性的是:(D)

A.titleB.body

C.htmlD.documentElement

62,下列關(guān)于鼠標(biāo)事件描述有誤的是(B)

A.onclick表示鼠標(biāo)單擊

B.ondoublelclick表示鼠標(biāo)右擊

C.onmousedown表示鼠標(biāo)的按鈕被按下

D.onmousemove表示鼠標(biāo)進(jìn)入某個對象范圍,并且移動

63,下列正則表達(dá)式限定符含義不匹配的是(A)

A.{n,}:至少出現(xiàn)n次

:出現(xiàn)n或m次

C.?:出現(xiàn)次

D.x:出現(xiàn)任意次

64,下列正則表達(dá)式中元字符描述有誤的是(B)

A.[]：匹配范圍內(nèi)的任意一個字符

B..:匹配任意字符

C.\w:匹配任意字母、數(shù)字、下劃線、漢字

D.\d:匹配0?9之間的任意數(shù)字

65.下列的哪一個表達(dá)式將返回值為false(B)

A.!(3<=1)B.(4>=4)&&(5<=2)

C.(''a〃==〃a")&&Cc〃!=〃d〃)D.(2<3)||(3<2)

66.將字串s中的所有字母變?yōu)樾懽帜傅姆椒ㄊ?B)

A.s.toSmallCase()B.s.toLowerCase()

C.s.toUpperCase()D.s.tollpperChars()

67.Js中創(chuàng)建日期類型對象的方法是(B)

A.newTime()B.newDate()

C.newDateTime()D.newNow()

68.獲取頁面上所有圖片標(biāo)簽引用的方法是(B)

A.document.getElementById()

B.document.getElementsByTagName()

C.document.getElementsByName()

D.document.getElementsByClassName()

69.在頁面上動態(tài)創(chuàng)建一個li標(biāo)簽,可以使用的語句是(A)

A.document.createElement()

B.document.newElement()

C.document.createLabel()

D.document.newLabel()

70.下面哪一個可以正確獲取到DOM對象obj的第1個子節(jié)點(D)

A.obj.getChild(l);

B.obj.getChild[l]

C.obj.children(l)

D.obj.children[l]

71.下面哪一個可以把DOM對象obj添加為divObj的子節(jié)點(C)

A.obj.addChild(divObj)

B.divObj.addChild(obj)

C.obj.appendChild(divObj)

D.divObj.appendChild(obj)

72,parselnt。方法的作用是(B)

A.將字符串轉(zhuǎn)換成整形數(shù)B.將小數(shù)轉(zhuǎn)換成整數(shù)

C.將數(shù)值轉(zhuǎn)換成字符串D.大小寫轉(zhuǎn)換

73.獲取文本框中用戶輸入的字符串，需要訪問該dom元素的(C)屬性

A.textB.type

C.valueD.name

74,使用外部JS程序文件的正確格式是(B)

A.<scripthref=nxxx.js'></script>

B.<scriptsrc=°xxx.js"></script>

C.〈scriptname="xxx.js"></script>

D.<scriptfile=nxxx.js"></script>

75.Js數(shù)組的下標(biāo)是從(A)開始計數(shù)的

A.0B.1

C.2D.3

76.Js中打開具有〃確定〃和〃取消〃2個按鈕的小對話窗口，讓用戶確認(rèn)信息的是(D)

A.alert()B.messageBox()

C.prompt()D.confirm()

77.當(dāng)頁面加載完畢時會自動觸發(fā)的事件是(A)

A.window.onload()B.window.load()

B.document.onload()D.document.load()

78.編輯JavaScript程序時(C)o

A.只能使用記事本

B.只能使用Sublime編輯軟件

C.可以使用任何一種純文本編輯器

D.只能使用MSword編輯工具

79.能夠把id為"scroll"的div的背景顏色修改為粉色的代碼是（D）

A.document.getElementByldC'scroll^.style.color=pink;

B.document.getElementByldC'scrolKj.style.color="pink";

C.document.getElementByIdC'scrollz,）-style.backgroundColor=pink;

D.document.getElementByldC'scrolKO.style.backgroundcolor="pink";

80.能夠把id為"error”的span中文字修改為〃驗證失??！〃的語句是（C）

A.document.getElementByldC'error^.html="驗證失敗!";

B.document.getElementByldC'error^.value="驗證失??！”；

C.document.getElementByldC'error^.innerHTML="臉證失??！”；

D.document.getElementById（''errorz,）.text=失??！”；

二.填空題(每空1分，共40分)

Ljs中能夠用作變量首字符的字符有一字母_下劃線和

__$_________

2.js的單行注釋符是一雙反斜杠____________。

3.js聲明變量時使用的關(guān)鍵字是一var。

4.js聲明函數(shù)時使用的關(guān)鍵字是—function。

5.文檔對象模型中的頂級對象是____document__________對象。

6.瀏覽器對象模型中的頂級對象是_____window_________對象。

7.如果把js代碼封裝到一個外部文件中，那么該文件的擴(kuò)展名必須是____.js

8.Js中鼠標(biāo)單擊的響應(yīng)事件名是______onclick。

9.Js的基礎(chǔ)數(shù)據(jù)類型有NumberString

Boolean、Undefined_________和Nullo

10.在html文檔中插入一段js代碼，必須把該段代碼放在一對—script標(biāo)簽____________

內(nèi)。

11.在js的事件處理函數(shù)中，可以使用this_________關(guān)鍵字，來指代當(dāng)前事件源對

象。

12.獲取日期類型對象的年份，需要使用Date對象的getFullYear()________函數(shù)。

13.獲取字符串str的長度，需訪問其_.length___________屬性

14.實現(xiàn)頁面元素的拖拽效果，需要使用onmousedown________和

onmousemove____________兩個事件相互配合來完成。

15.如果要在頁面上實現(xiàn)1個子盒子在1個父盒子內(nèi)部運動，前提條件是在CSS樣式中，必

須給父盒子和子盒子設(shè)置其position_________屬性。

16,正則表達(dá)式中常用的基本元字符都有[]_____和|—

17.獲取某dom節(jié)點的父節(jié)點的屬性是__parent。

18.獲取某dom節(jié)點所有dom子節(jié)點的屬性是_getElementsByTagName(),

19,已知有Varstr=''Iloveyou”;那么str.subStr(2)的結(jié)果loveyouo

20.Js中能夠用來給浮點數(shù)取整的方法有parselnt()

Math.ceil()___________和Math.floor()

21.清除定時器的語句是__clearinterval。

22.隱藏頁面上某個元素，可以設(shè)置其CSS樣式—dispaly:none;來實

現(xiàn)。

23.如果div中的內(nèi)容過多，超出了其制定大小的可顯示范圍，可以通過設(shè)置其CSS樣式

overflow:hidden;______實現(xiàn)隱藏其溢出部分°

24.Js中往控制臺愉出數(shù)據(jù)的語句是____console.log();0

25.Js中動態(tài)創(chuàng)建dom節(jié)點的語句是

document.creatElement();。

26,正則表達(dá)式中，表示所修飾的表達(dá)式只能出現(xiàn)0或1次的限定符是_________?。

27.正則表達(dá)式中，表示所修飾的表達(dá)式能出現(xiàn)任意次的限定符是______*o

28,正則表達(dá)式中，表示所修飾的表達(dá)式至少出現(xiàn)1的限定符是________+o

29.延遲若干時間以后,執(zhí)行一段js代碼,并且只執(zhí)行1遍的定時器是一

setTimeout();。

三.判斷題(每題1分，共40分)

1.Java與JavaScript是同一種語言錯

2.JavaScript區(qū)分大小寫對

3.〃<!??〃與是HTML注釋標(biāo)記，〃〃〃是JavaScript注釋標(biāo)記對

4.JavaScript語言沒有數(shù)據(jù)類型的概念，聲明變量只使用va「關(guān)鍵字對

5.函數(shù)如果需要返回一個特定類型的值，必須使用return語句對

6.JavaScript不會檢測函數(shù)所傳遞的實際參數(shù)和形式參數(shù)的類型和數(shù)量。錯

7.JavaScript也可以函數(shù)重載對

8.getElementById()用來獲取ID標(biāo)簽屬性為指定值的第一個對象對

9.get曰ementsByName()用來獲取name標(biāo)簽屬性為指定值的所有對象的集合對

lO.JScript是javascript的簡稱錯

ll.FireFox和正存在大量兼容性問題的主要原因在于他們對javascript的支持不同上對

12JavaScript是一種編譯型語言錯

13JavaScript是一種解釋型語言對

14.Javascript代碼需要編譯以后才能執(zhí)行

15.Javascript是事件驅(qū)動的

16.Javascript是弱類型語言對

17Javascript的常用類型包括：int、string、boolean錯

18Javascript中數(shù)組的長度必須在創(chuàng)建時給定,之后便不能改變錯

19.Javascript中數(shù)組的長度可以隨時根據(jù)需要動態(tài)改變對

20.Javascript中創(chuàng)建數(shù)組需要使用new運算符對

21.Javascript中數(shù)組內(nèi)元素的類型可以不同對

22.Javascript中數(shù)組可以在聲明的同時進(jìn)行初始化對

23.Javascript中字面量表示法與Json格式一完全相同的錯

24.setinterval定時器與setTimeout定時器功能是一樣的錯

25.清除定時器要使用dearlntervalO對

26,定時器只要開始工作就無法讓其停止錯

27.如果需要頁面在打開10秒以后自動目牌專到另外一個頁面，應(yīng)該使用setTimeout定時器來

實現(xiàn)。對

28JdVdscript允許定義匿名函數(shù)錯

29Javascript所有的函數(shù)都必須有名字錯

30Javascript中事件與函數(shù)其實是一回事。錯

31.不同的瀏覽器對于js的支持情況可能不同對

32.Js事件可以用來提高網(wǎng)頁的用戶體驗效果對

33.js事件一旦注冊就無法銷毀錯不確定

34.Null與undefined是相同的錯

35Js中的事件處理函數(shù)都必須是無參的函數(shù)。錯

36.Javascript可以方便的操作頁面上的dom元素對

37.在JavaScript中只允許使用預(yù)定義的函數(shù)，而不能自定義函數(shù)。錯

38JavaScript的函數(shù)定義允許嵌套，即在函數(shù)中可以定義另一個函數(shù)。對

39,在文檔對象模型(DOM)中，最頂級的對象是document對象錯

40.定義js函數(shù)時，必須給每個參數(shù)聲明其類型錯

四.簡答題(每題5分，共80分)

1.簡述DOM操作中查找節(jié)點的API都有哪些，其功能是什么？至少寫出3個。

document.getElementById()用來獲取擁有指定ID的第一個對象的引用

document.getElementsByTageName()用來獲取擁有指定Name的標(biāo)簽數(shù)組對象

document.getElementsByClassName()用來獲取擁有指定class標(biāo)簽數(shù)組對象

(這樣好記)

2.簡述正則表達(dá)式中元字符都有哪些，其含義是什么。

〃:代表除了\n以外，任意的單個字符

''口〃：代表在一定范圍之內(nèi)的任意1個字符

、'|〃：代表或的意思

3.簡述正則表達(dá)式中都有哪些限定符，其含義是什么。

"*〃：表示前邊出現(xiàn)的表達(dá)式可以出現(xiàn)0次或者多次

"+〃：表示前面出現(xiàn)的表達(dá)式可以出現(xiàn)1次或者多次(1-n),至少有1次

表示0次或者1次

〃{n}〃：表示必須出現(xiàn)n次

4.簡述頁面元素定位方式(position定位)都有哪些,及其他們之間的區(qū)別

fixed:固定定位,把某個區(qū)域固定到一個位置上不變

relative:

absolute:

5.簡述js中都有哪些定時器，它們之間的區(qū)別是什么。

setlnterval(function(),time)每個time毫秒就執(zhí)行一次就執(zhí)行一次function函數(shù)

setTimeOut(function()ztime)time亳秒后執(zhí)行一下function只執(zhí)行一次

6.簡述js設(shè)置頁面上元素的CSS樣式都有哪些方法，這些方法之間有什么區(qū)別

obj.style.樣式屬性直寸電合指定的標(biāo)簽添加指定的樣式

obj.className給他一個樣式類名在里面可以定義很多樣式屬性來改變obj的樣式

7.簡述js字面量表示法與json格式的區(qū)別。

Json對象是一種數(shù)據(jù)組織格式,它是以"key:vdlue”對集合的形式來存儲數(shù)據(jù)的一種方

式{"keyl":valuelz"key2":value2,......}value值可以是

number,string,true,false,null,復(fù)雜對象Json對象中可以給key和value都加上引號.

Js字面量表示法，就是為了輕松搞定函數(shù)大量參數(shù)需要-對應(yīng)輸出的情況。他的對策就是

給函數(shù)傳入一個對象，而這個對象是用字面量的方法定義的，屬性和值對應(yīng)的方式可以一

目了然。

8.簡述HTML,CSS,JavaScript三者之間的關(guān)系與各自的作用。

關(guān)系：相互關(guān)聯(lián)、相輔相成

HTML是內(nèi)容

CSS是樣式

JavaScript是交互

9.寫出驗證字符串是否符合中華人民共和國手機(jī)號碼的正則表達(dá)式。

A

(\d{3z4}\-?\d{7,8})|(\d{5})$

10.簡述DOM對象的offsetwidth屬性與style.width屬性有什么區(qū)別

offsetwidth是獲取制定標(biāo)簽的寬度

style.width是給制定的標(biāo)簽設(shè)置指定的寬度

11.簡述獲取標(biāo)簽元素屬性的值的方法有哪兩種。這兩種方法有什么區(qū)別

1、用getAttribute獲取

2、用打點獲取如：document.getElementById(id).value

getAttribute的兼容性更好

12.簡述DOM元素的inne「HTML與innerText屬性有什么區(qū)別

innerText會原封不動的顯示字符串文本。

innerHTML會解析這個字符串，如果該字符串中有HTML標(biāo)記的成分，他就會按照HTML

的規(guī)范，把這些部分翻譯成標(biāo)簽來顯示。

innerHTML的兼容性較好，innerText的兼容性較弱

13.簡述onclick事件與onmouseover事件的區(qū)別

onclick是點擊事件只有點擊之后事件才會執(zhí)行

onmouseover是鼠標(biāo)放上去事件，當(dāng)鼠標(biāo)放上去事件就可以執(zhí)行

14.簡述onfocus事件與onclick事件的區(qū)別

onfocus是當(dāng)光標(biāo)落到文木框中時發(fā)生的事件

onclick適當(dāng)鼠標(biāo)點擊時就會發(fā)生的事件

15.寫出js中讓頁面元素做緩動動畫的公式

leader=leader+(target-leader)/10;

16.簡述obj.style.width與obj.offsetWidth兩個屬性有什么區(qū)別。

obj.style.width是給obj設(shè)置寬度

obj.offsetWidth是獲取obj的寬度

五.案例題(每題10分，共120分)

下面所有題目都要求用js代碼實現(xiàn)題干要求

1.直找id為register的div中所有的文本框元素,并把他們?nèi)壳蹇?/p>

window.onload=function(){

varreg=document.getElementById("register");

vardivs=reg.getElementsByTdgName(''div)

for(vari=O;i<divs.length;i++){

divs[i].innerHTML=

}

)

2.假設(shè)當(dāng)前頁面是讓用戶選擇興趣爰好的頁面。要求：當(dāng)用戶點擊按鈕時，在控制臺輸出用

戶選中的所有復(fù)選框的序號。

<body>

<inputtype="button"value="點擊輸出”id="iptn”>

<inputtype="checkbox"name="">籃球

<inputtype="checkbox"name="">足球

<inputtype="checkbox"name="">羽毛球

<inputtype="checkbox"name="">電影

</body>

<scripttype="text/javascript">

window.onload=function(){

document.getElementById("iptn").onclick=function(){

vaript=document.getElementsByTagName("input");

for(vari=O;i<ipt.length;i++){

if(ipt[i].checked){

console.log(i);

)

)；

)

)

</script>

3.寫一個函數(shù)，判斷一個字符串中出現(xiàn)次數(shù)最多的字符，返回這個字符重復(fù)的次數(shù)

4.驗證用戶在文本框中輸入的用戶名長度是不是6-16位。

<scripttype="text/javascript">

window.onload=function(){

document.getElementById("click").onclick=function(){

vartext=document.getElementRyTd("ipt").value;

if(text.length>=6&&text.length<=16){

alert(堤)

)

else{

alert，不是)

)

}

)

</script>

<body>

<inputtype="text"name=""id="ipt">

<inputtype="button”value="點擊驗證”id="click”>

</body>

5.實現(xiàn)網(wǎng)頁表格的隔行變色效果。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

"/TR/xhtmll/DTD/xhtmll-transitional.dtd">

<htmlxmlns="http:〃/1999/xhtml"xml:lang="en,,>

<head>

<metahttp-equiv="Content-Type"content="text/htmI;charset=UTF-8">

<title>Document</title>

<styletype="text/css">

*{

margin:0;

padding:0;

)

.box{

margin:50pxauto;

border-collapse:collapse;

)

.box.cap{

width:180px;

font-size:24px;

font-weight:bold;

text-align:center;

line-height:50px;

)

.box.first{

background-color:#369;

)

.boxth,td{

width:150px;

border:Ipxsolid#ccc;

text-align:center;

vertical-align:middle;

)

.boxtr.current{

background-color:#ccc;

)

</style>

<scripttype="text/javascript">

window.onload=function(){

varbox=document.getElementById("box");

vartrs=box.getElementsByTagName("tr");

for(vari=0;i<trs.length;i++){

jf(i%2==0&&i!=0){

trs[i].className="current";

)

)

)

</script>

</head>

<body>

<tableclass="boxboxl"id="box">

<captionclass='cap">隔行變色〈/caption>

<tr(:心5=/也"><由>名字</由><由>第一列</由><由>第二例</由><由>第

三v/th>vth>第四列</th>v/tr>

<tr><th>l</thxtd>ll</td>

<td>12</td><td>13</tdxtd>14</tdx/tr>

<trxth>2</thxtd>21</td>

<td>22</td><td>23</td><td>24</tdx/tr>

<trxth>3</thxtd>31</td>

<td>32</tdxtd>33</td><td>34</tdx/tr>

<trxth>4</thxtd>41</td>

<td>42</td><td>43</tdxtd>44</td></tr>

</table>

</body>

</html>

6.當(dāng)鼠標(biāo)移動到表格的任意一行上的時候，高亮顯示這一行。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

"/TR/xhtmll/DTD/xhtmll-transitional.dtd">

<htmlxmlns="/1999/xhtmr,xml:lang="en">

<head>

<metahttp-equiv="Content-Type"content="text/htmI;charset=UTF-8">

<title>Document</title>

<styletype="text/css">

*{

margin:0;

padding:O;

}

.box{

margin:50pxauto;

border-collapse:collapse;

)

.box.cap{

width:800px;

font-size:24px;

font-weight:bold;

text-align:center;

line-height:50px;

)

.box.first{

background:#369;

)

.boxth{

width:150px;

border:lpxsolid#ccc;

text-align:center;

vertical-align:middle;

}

.boxtd{

width:150px;

border:lpxsolid#ccc;

text-align:center;

vertical-align:middle;

)

.cruuent{

background:#ccc;

}

</style>

<scripttype="text/javascript">

window.onload=function(){

vartb=document.getElementById("box");

vartrs=tb.getElementsByTagName("tr");

for(vari=l;i<trs.length;i++){

trs[i].onmouseover=function(){

if(this.className!="first"){

this.className="cruuent";

)

)

trs[i].onmouseleave=function(){

if(this.className!="first"){

this.className=

)

)

)；

)

</script>

</head>

<body>

<tableclass="boxboxl"id=Hbox">

<captioncgss="cap”>隔行變色</caption>

<trclass="first”><th>名字v/th><th>第一列v/th>vth>第二例v/th><th>第三

</th><th>第四列v/th></tr>

<trxth>l</thxtd>ll</td><td>12</td><td>13</td><td>14</tdx/tr>

<trxth>2</thxtd>21</td><td>22</td><td>23</td><td>24</tdx/tr>

<trxth>3</thxtd>31</td><td>32</td><td>33</tdxtd>34</tdx/tr>

<trxth>4</thxtd>41</td><td>42</tdxtd>43</td><td>44</tdx/tr>

</table>

</body>

</html>

7.當(dāng)點擊button按鈕時選中id為favors的div中所有的復(fù)選按鈕

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">

<title>Document</title>

<scripttype="text/javascript">

function$(id){

returndocument.getElementByld(id);

)

window.onload=function(){

$("btn").onclick=function(){

varipts=$("favors").getElementsByTagName("input");

for(vari=0;i<ipts.length;i++){

ipts[i].checked=true;

}

)

)

</script>

</head>

<body>

<divid="favors">

<inputtype="checkboxnname="">花

<inputtype="checkbox"name="">電影

<inputtype="checkbox"name="">享受安靜時光

</div>

<inputtype="button”value="點擊選中”id="btn">

</body>

8.實現(xiàn)省市聯(lián)動案例。

<styletype="text/css">

*{

margin:0;

padding:0;

)

#box{

width:500px;

padding:20px;

border:lpxsolid#ccc;

margin:lOOpxauto;

)

#boxselect{

width:150px;

)

#boxlabel{

padding:020px;

)

</style>

<scripttype="text/javascript">

varprivnce=[{“id”:“01",“pName吧'河南省”},Cid”:“02"JpName“/山東省

,,},Cid”:“03”,,,pName”:“山西省”}];

varcitys=

“方城?'01"},{忖丁'003”「七砧由6”:“安陽“外加”:“01"},{慟酎004”;12(11封丁新鄉(xiāng)

)0卜”:“01”},{慟吧'0057官3111爐:”駐馬店二間+“01”〉,{眺”:“006”「官301心“青島

”,'/1€1":“02"},{'01”:"007”,^^己[11封':“濟(jì)源”,'十14':“02"},{‘卜”:“008”,^^3[1^“:"大同

70時丁'03，{十"/0097(玲01爐：“太原”「恒5"03“}];

window.onload=function(){

varpri=document.getElementById("province");

〃動態(tài)創(chuàng)建省里面的option元素

for(vari=0;i<privnce.length;i++){

varop=document.createElement("option");

op.innerHTML=privnce[i].pName;

op.setAttribute("value",privnce[i].id);

pri.appendChild(op);

)；

pri.onchange=function(){

varpld=this.value;

varcitySelect=document.getElementById("city");

citySelect.options.length=0;〃把select標(biāo)簽的選項清空

for(vari=0;i<citys.length;i++){

if(pld==citysri].pld){〃判斷省里面的id屬性和市里面的id屬性是否

相等從而判斷要創(chuàng)建多少個市里面的option標(biāo)簽

varoptis=document.createElement("option");

optis.innerHTML=citys[i].cName;

optis.setAttribute("cId",citys[i].id);

citySelect.appendChild(optis);

)

)；

)

)

</script>

</head>

<body>

<divid="box">

<selectid="province">

<optionvalue="00”>----請選擇一</option〉

</select><labelfor="province”>省v/label>

<selectid="city">

<optionvalue="000”>—請選擇-一〈/option〉

</select><labelfor="city市〈/label>

</div>

</body>

9.已知在頁面的1個id為favors的div中有若干個button,要求當(dāng)點擊任意1個按鈕的時

候，輸出被點擊按鈕在div中的排列序號。

<styletype="text/css">

*{

margin:0;

padding:0;

)

#favors(

margin:50pxauto;

)

</style>

<scripttype="text/javascript">

window.onload=function(){

varfav=document.getElementById("favors");

vaript=fav.getElementsByTagName("input");

for(vari=0;i<ipt.length;i++){

ipt[