目錄TOC\o"1-3"\h\u實(shí)訓(xùn)與習(xí)題 2學(xué)習(xí)單元1初識(shí)JavaScript 2單元實(shí)訓(xùn) 2習(xí)題 2學(xué)習(xí)單元2JavaScript語言基礎(chǔ) 4單元實(shí)訓(xùn) 4習(xí)題 5學(xué)習(xí)單元3JavaScript函數(shù) 7單元實(shí)訓(xùn) 7習(xí)題 8學(xué)習(xí)單元4JavaScript中的DOM操作 10單元實(shí)訓(xùn) 10習(xí)題 11學(xué)習(xí)單元5JavaScript中的BOM操作 12單元實(shí)訓(xùn) 12習(xí)題 13學(xué)習(xí)單元6JavaScript中的事件處理 16單元實(shí)訓(xùn) 16習(xí)題 16學(xué)習(xí)單元7JavaScript對(duì)象 18單元實(shí)訓(xùn) 18習(xí)題 18學(xué)習(xí)單元8JavaScript框架之jQuery應(yīng)用 20單元實(shí)訓(xùn) 20習(xí)題 21參考答案： 24學(xué)習(xí)單元1初始JavaScript 24學(xué)習(xí)單元2JavaScript語言基礎(chǔ) 24學(xué)習(xí)單元3JavaScript函數(shù) 25學(xué)習(xí)單元4JavaScript中的DOM操作 27學(xué)習(xí)單元5JavaScript中的BOM操作 29學(xué)習(xí)單元6JavaScript中的事件處理 31學(xué)習(xí)單元7JavaScript對(duì)象 33學(xué)習(xí)單元8JavaScript框架之jQuery應(yīng)用 35實(shí)訓(xùn)與習(xí)題學(xué)習(xí)單元1初識(shí)JavaScript單元實(shí)訓(xùn)編寫JavaScript腳本代碼，實(shí)現(xiàn)信息的輸入與輸出，具體要求如下：①通過輸入文本框輸入用戶名，如圖1-21所示。②將輸入的信息顯示在對(duì)話框文本中，如圖1-22所示。③將輸入的信息顯示在控制臺(tái)區(qū)域，如果1-23所示。參考運(yùn)行效果如下：圖1-21單元實(shí)訓(xùn)要求1運(yùn)行參考效果圖1-22單元實(shí)訓(xùn)要求2運(yùn)行參考效果圖1-23單元實(shí)訓(xùn)要求3運(yùn)行參考效果習(xí)題一、單選題1．下列選項(xiàng)中，不能編輯JavaScript程序的是（）。A、記事本B、DreamweaverC、PhotoshopD、WebStorm2．下面關(guān)于變量的說法錯(cuò)誤的是（）。A、JavaScript中變量名不區(qū)分大小寫B(tài)、在聲明變量時(shí)var關(guān)鍵字可以省略C、未賦初始值的變量值為undefinedD、_it123為合法的變量名3．以下不屬于JavaScript語言特點(diǎn)的是（）。A、依賴于操作系統(tǒng)B、可以跨平臺(tái)C、支持面向?qū)ο驞、腳本語言4．以下代碼<ahref="javascript:alert('Hello');">test</a>是通過（）引入的JavaScript代碼。A、內(nèi)嵌式B、外部式C、行內(nèi)式D、以上答案都不正確5．下面（）標(biāo)簽可在頁面中直接嵌入JavaScript。A、<script>B、<href>C、<link>D、<style>6．下面不屬于<script>標(biāo)簽屬性的是（）。A、srcB、typeC、hrefD、defer7．下面鏈接外部JavaScript正確的是（）。A、<scriptsrc="animation.js"></script>B、<linksrc="animation.js">C、<scripthref="animation.js"></script>D、<stylesrc="animation.js"></style>8．下列屬性中，用于引入外部JavaScript文件的是（）。A、srcB、typeC、languageD、defer9．下列選項(xiàng)中，可以實(shí)現(xiàn)警告框的是（）。A、alert()B、prompt()C、document.write()D、console.log()10．下面關(guān)于console.log("Hello")的說法正確的是（）。A、可以在警告框內(nèi)輸出HelloB、可以在網(wǎng)頁中輸入HelloC、可以在控制臺(tái)輸出HelloD、以上說法都不正確二、多選題1．JavaScript由以下哪幾部分組成（）。A、ECMAScriptB、JScriptC、BOMD、DOM2．下列選項(xiàng)中，屬于JavaScript注釋的是（）。A、//B、#C、-D、/**/三、判斷題1．a(chǎn)lert("test")與Alert("test")都表示以警告框的形式彈出test提示信息。（）2．JavaScript代碼對(duì)空格、換行、縮進(jìn)不敏感，一條語句可以分成多行書寫。（）3．JavaScript中age與Age代表不同的變量。（）4．JavaScript與Java本質(zhì)上是兩種不同的編程語言。（）5．JavaScript不可以跨平臺(tái)。（）學(xué)習(xí)單元2JavaScript語言基礎(chǔ)單元實(shí)訓(xùn)利用循環(huán)及數(shù)組知識(shí)實(shí)現(xiàn)“猴子選大王”趣味小游戲，游戲基本規(guī)則為一群猴子排成一圈，按照“1，2，3，，n”依次編號(hào)。之后從第1只猴子開始報(bào)數(shù)，數(shù)到第m只時(shí)，把它踢出圈，它后面的猴子再次從1開始報(bào)數(shù)，數(shù)到第m只猴子再把它踢出圈，如此不停地進(jìn)行下去，直到最后剩下一只猴子為止，那只猴子就是同學(xué)們們要找的大王，具體要求如下：①通過輸入文本框輸入猴子總數(shù)量，如圖2-31所示。②通過輸入文本框輸入踢出第幾只猴子，如圖2-32所示。③最后輸出猴子大王編號(hào)，如圖2-33所示。參考運(yùn)行效果如下：圖2-31單元實(shí)訓(xùn)要求1運(yùn)行參考效果圖2-32單元實(shí)訓(xùn)要求2運(yùn)行參考效果圖2-33單元實(shí)訓(xùn)要求3運(yùn)行參考效果習(xí)題一、單選題1．下面關(guān)于邏輯運(yùn)算符的說法錯(cuò)誤的是（）。A、邏輯運(yùn)算有時(shí)會(huì)出現(xiàn)短路的情況B、!a表示若a為false則結(jié)果為true，否則相反C、邏輯運(yùn)算的返回值是布爾型D、a||b表示a與b中只要有一個(gè)為true，則結(jié)果為true2．下面關(guān)于運(yùn)算符的說法錯(cuò)誤的是（）。A、逗號(hào)運(yùn)算符的優(yōu)先級(jí)別最低B、同一表達(dá)式中&的級(jí)別高于&&C、表達(dá)式中賦值運(yùn)算符總是最后執(zhí)行的D、表達(dá)式中圓括號(hào)的優(yōu)先級(jí)別最高3．表達(dá)式“22==22”的比較結(jié)果為（）。A、1B、trueC、0D、false4．以下選項(xiàng)中不屬于基本數(shù)據(jù)類型的是（）。A、NullB、UndefinedC、StringD、Object5．下列選項(xiàng)中，不屬于賦值運(yùn)算符的是（）。A、=B、%=C、==D、>>>=6．下列運(yùn)算符中，僅比較數(shù)據(jù)值的是（）。A、===B、==C、!==D、以上答案全部正確7．下面關(guān)于數(shù)組中l(wèi)ength屬性的說法錯(cuò)誤的是（）。A、數(shù)組的length屬性用于獲取數(shù)組的長度B、設(shè)置length值小于數(shù)組長度，則多余的數(shù)組元素會(huì)被舍棄C、設(shè)置length值大于數(shù)組長度，會(huì)出現(xiàn)空的存儲(chǔ)位置D、數(shù)組中的length是可讀不可寫的屬性8．下列選項(xiàng)中，與三元運(yùn)算符的功能相同的是（）。A、if語句B、if...else語句C、if...elseif...else語句D、以上答案皆正確9．以下選項(xiàng)中不屬于分支結(jié)構(gòu)語句的是（）。A、if語句B、if...else語句C、if...elseif...elseD、while語句10．語句for(k=0;k=1;k++){}和語句for(k=0;k==1;k++){}的執(zhí)行次數(shù)分別為（A）。A、無限次和0B、0和無限次C、都是無限次D、都是0二、多選題1．下面屬于符號(hào)“+”的功能是（）。A、相加B、正數(shù)C、字符串連接D、自增2．下面不屬于邏輯運(yùn)算符的是（B,D）。A、“&&”B、“&”C、“||”D、“|”3．運(yùn)算符“--”可以對(duì)以下哪類數(shù)據(jù)類型的數(shù)據(jù)進(jìn)行操作？（）A、數(shù)值型B、空型C、字符型D、布爾型4．下列選項(xiàng)中可以遍歷數(shù)組的是（）。A、forB、for...inC、whileD、for...of三、判斷題1．解構(gòu)賦值可以完成數(shù)值的交換，如[a,b]=[b,a]。（）2．不同類型的數(shù)據(jù)不能放在一起進(jìn)行比較。（）3．NaN表示非數(shù)值型的數(shù)據(jù)。（）4．參與邏輯運(yùn)算的返回值都是布爾型數(shù)據(jù)。（）5．JavaScript是一種弱類型語言，不用提前聲明變量的數(shù)據(jù)類型。（）6．循環(huán)條件永遠(yuǎn)為true時(shí)，則會(huì)出現(xiàn)死循環(huán)。（）四、編程題將一個(gè)數(shù)組arr=[2,0,6,1,77,0,52,0,25,7]中所有大于或等于50的元素篩選出來，放入到新的數(shù)組中。學(xué)習(xí)單元3JavaScript函數(shù)單元實(shí)訓(xùn)網(wǎng)頁計(jì)算器在Web開發(fā)中是很常見的功能。利用JavaScript中的函數(shù)，完成整數(shù)的加、減、乘、除的運(yùn)算，實(shí)現(xiàn)一個(gè)簡(jiǎn)易版的計(jì)算器，具體操作如下：①在網(wǎng)頁中通過輸入文本框輸入要參與計(jì)算的兩個(gè)整數(shù)，如圖3-15所示，標(biāo)記①輸入第一個(gè)整數(shù)，標(biāo)記③輸入第二個(gè)整數(shù)。②在網(wǎng)頁的下拉列表中選擇參與運(yùn)算的運(yùn)算符，如圖3-15中標(biāo)記②所示。③單擊【計(jì)算】按鈕，如圖3-15中標(biāo)記⑤所示，系統(tǒng)自動(dòng)獲取標(biāo)記①和標(biāo)記③處的數(shù)據(jù)，然后按照標(biāo)記②的運(yùn)算符進(jìn)行運(yùn)算，最后將運(yùn)算結(jié)果顯示在標(biāo)記④位置的文本框中。實(shí)現(xiàn)要求：①將整數(shù)的加、減、乘、除四種運(yùn)算分別定義為四個(gè)函數(shù)實(shí)現(xiàn)。②在進(jìn)行除法運(yùn)算是需要對(duì)除數(shù)進(jìn)行為0的判斷。運(yùn)行參考效果如下：圖3-15單元實(shí)訓(xùn)運(yùn)行初始效果圖3-16單元實(shí)訓(xùn)運(yùn)行加法運(yùn)算效果圖3-17單元實(shí)訓(xùn)運(yùn)行減法運(yùn)算效果圖3-18單元實(shí)訓(xùn)運(yùn)行乘法運(yùn)算效果圖3-19單元實(shí)訓(xùn)運(yùn)行除法運(yùn)算效果習(xí)題一、單選題1．函數(shù)參數(shù)的數(shù)據(jù)類型可以是（）。A、字符型B、對(duì)象C、數(shù)值型D、以上答案全部正確2．下列選項(xiàng)中可以獲取用戶調(diào)用函數(shù)傳遞的實(shí)參的是（）。A、arguments.lengthB、theNumsC、paramsD、arguments3．請(qǐng)閱讀以下代碼，調(diào)用函數(shù)factorial(4)的結(jié)果為（）。functionfactorial(n){//定義回調(diào)函數(shù)if(n==1){ return1;//遞歸出口 } returnn*factorial(n-1);}A、1B、2C、6D、244．閱讀以下代碼，輸出結(jié)果為（）。vari=24;for(leti=0;i<10;++i){}console.log(i);A、24B、9C、10D、undefined5．下面關(guān)于函數(shù)參數(shù)的描述錯(cuò)誤的是（）。A、arguments.length可獲取用戶調(diào)用函數(shù)時(shí)傳遞的參數(shù)數(shù)量B、函數(shù)的參數(shù)是外界傳遞給函數(shù)的值C、無參函數(shù)名后的小括號(hào)可以省略D、arguments對(duì)象可獲取函數(shù)調(diào)用時(shí)傳遞的實(shí)參6．閱讀以下代碼，執(zhí)行fn1(4,5)的返回值是（）。functionfn1(x,y){ return(++x)+(y++);}A、9B、10C、11D、127．以下不能作為函數(shù)名稱的是（）。A、getMinB、showC、constD、it_info8．以下選項(xiàng)不能用作函數(shù)名開頭的是（）。A、字母B、數(shù)字C、下劃線（_）D、$符號(hào)9．下面關(guān)于函數(shù)的描述錯(cuò)誤的是（）。A、函數(shù)可提高代碼的復(fù)用性，降低程序的維護(hù)難度B、參數(shù)是外界傳遞給函數(shù)的值，多個(gè)之間使用分號(hào)隔開C、定義函數(shù)的關(guān)鍵字是functionD、函數(shù)名不能以數(shù)字開頭10．程序”varnum;console.log(num)“的輸出結(jié)果為（）。A、nullB、undefinedC、''D、0二、判斷題1．JavaScript中函數(shù)名稱嚴(yán)格區(qū)分大小寫。（）2．函數(shù)內(nèi)定義的變量都是局部變量。（）3．變量定義完成后可以在任意位置使用。（）4．JavaScript中形參的個(gè)數(shù)與實(shí)參的個(gè)數(shù)必須一致。（）5．a(chǎn)rguments并不是一個(gè)真正的數(shù)組，而是一個(gè)類似數(shù)組的對(duì)象。（）6．函數(shù)的定義與調(diào)用的編寫順序不分前后。（）7．一個(gè)函數(shù)中只能有一個(gè)return關(guān)鍵字。（）8．局部變量與全局變量重名時(shí)，局部變量的優(yōu)先級(jí)高于全局變量。（）9．函數(shù)體是專門用于實(shí)現(xiàn)特定功能的主體，由一條或多條語句組成。（）10．遞歸調(diào)用占用的內(nèi)存和資源比較多，因此開發(fā)中慎重使用。（）11．無參函數(shù)在定義時(shí)可以省略函數(shù)名后的小括號(hào)。（）12．全局變量定義后可以在函數(shù)體內(nèi)直接使用。（）13．函數(shù)定義后，需要調(diào)用才能在程序中發(fā)揮作用。（）14．調(diào)用函數(shù)時(shí)，函數(shù)名稱后必須跟上小括號(hào)。（）15．JavaScript解析器，提前對(duì)代碼中的var變量聲明和function函數(shù)聲明進(jìn)行解析，然后再去執(zhí)行其他的代碼。（）學(xué)習(xí)單元4JavaScript中的DOM操作單元實(shí)訓(xùn)編寫JavaScript中DOM編程，實(shí)現(xiàn)多幅圖片橫向手風(fēng)琴特效，具體要求如下：①初始狀態(tài)第一幅圖片完全顯示，其他圖片顯示十分之一寬度，如圖4-32所示。②當(dāng)鼠標(biāo)懸浮到某一副圖片上時(shí)，該圖片完全顯示，其他圖片顯示十分之一寬度，如圖4-33所示。參考運(yùn)行效果如下：圖4-32單元實(shí)訓(xùn)要求1運(yùn)行參考效果圖4-33單元實(shí)訓(xùn)要求2運(yùn)行參考效果習(xí)題一、單選題1．下列選項(xiàng)中，（）的返回值是一個(gè)對(duì)象的引用。A、document.getElementById()B、document.getElementsByName()C、document.getElementsByTagName()D、document.getElementsByClassName()2．以下選項(xiàng)中在設(shè)置元素內(nèi)容時(shí)會(huì)重構(gòu)整個(gè)HTML文檔頁面的是（）。A、innerHTMLB、innerTextC、textContentD、document.write()3．下面可用于獲取文檔中全部div元素的是（）。A、document.querySelector('div')B、document.querySelectorAll('div')C、document.getElementsByName('div')D、以上選項(xiàng)都可以4．HTML5提供的querySelector()方法利用id獲取元素的寫法正確的是（）。A、document.querySelector([id名稱])B、document.querySelector('id名稱')C、document.querySelector('.id名稱')D、document.querySelector('#id名稱')5．下面關(guān)于HTML文件說法正確的是（）。A、文檔中僅文本內(nèi)容被稱為節(jié)點(diǎn)B、各元素直接沒有級(jí)別之分C、文檔可被看作是一個(gè)節(jié)點(diǎn)樹D、以上說法都不正確6．HTMLDOM中的根節(jié)點(diǎn)是（）。A、<body>B、<head>C、<html>D、<title>7．下列關(guān)于<head>與<body>節(jié)點(diǎn)之間關(guān)系描述正確的是（）。A、根節(jié)點(diǎn)B、子節(jié)點(diǎn)C、父節(jié)點(diǎn)D、兄弟節(jié)點(diǎn)8．以下選項(xiàng)中在獲取元素內(nèi)容時(shí)，去掉所有格式以及標(biāo)簽的是（）。A、innerHTMLB、innerTextC、textContentD、以上選項(xiàng)都可以二、多選題1．下列選項(xiàng)中，屬于document對(duì)象屬性的是（）。A、bodyB、titleC、formsD、images2．對(duì)于input元素來說，可以操作它的（）屬性。A、disabledB、checkedC、selectedD、src3．下列選項(xiàng)中，可用于獲取HTML文檔中html元素的是（）。A、document.getElementsByTagName('body')[0]B、document.getElementsByTagName('html')[0]C、document.bodyD、document.documentElement三、判斷題1．DOM是一套規(guī)范文檔內(nèi)容的通用型標(biāo)準(zhǔn)。（）2．getElementsByName()方法返回的是一個(gè)對(duì)象集合，使用索引獲取元素。（）3．background-color在利用DOM的style屬性操作時(shí)需要改為backGroundColor。（）4．innerHTML屬性用于改變指定元素對(duì)象的內(nèi)容。（）5．HTML屬性操作是指使用JavaScript來操作一個(gè)元素的HTML屬性。（）6．document.querySelector('div').classList可以獲取文檔中所有div的class值。（）7．innerHTML在使用時(shí)會(huì)出現(xiàn)瀏覽器兼容問題，因此開發(fā)中要盡可能的使用innerText。（）8．利用DOM提供的屬性和方法可以修改指定元素的樣式。（）9．“<html>”標(biāo)簽是HTML文檔的根節(jié)點(diǎn)，有且僅由一個(gè)。（）10．WebAPI是瀏覽器提供的一套操作瀏覽器功能和頁面元素的接口。（）四、簡(jiǎn)答題請(qǐng)簡(jiǎn)述childNodes屬性與children屬性的區(qū)別。學(xué)習(xí)單元5JavaScript中的BOM操作單元實(shí)訓(xùn)利用BOM中的定時(shí)器實(shí)現(xiàn)簡(jiǎn)單計(jì)時(shí)器，具體功能如下：①單擊【啟動(dòng)計(jì)時(shí)器】按鈕，系統(tǒng)從0秒開始計(jì)時(shí)，每隔1秒增1。②單擊【停止計(jì)時(shí)器】按鈕，系統(tǒng)停止計(jì)時(shí)，當(dāng)再次單擊【啟動(dòng)計(jì)時(shí)器】按鈕時(shí)，計(jì)時(shí)器繼續(xù)累加計(jì)時(shí)。③單擊【重啟計(jì)時(shí)器】按鈕，系統(tǒng)從0秒開始計(jì)時(shí)。啟動(dòng)計(jì)時(shí)器5秒鐘時(shí)的運(yùn)行效果如圖5-24所示：圖5-24單元實(shí)訓(xùn)運(yùn)行過程中的一個(gè)效果截圖習(xí)題一、單選題1．下面選項(xiàng)中，表示瀏覽器對(duì)象模型的是（）。A、DOMB、BOMC、documentD、window2．下面選項(xiàng)中，表示全局對(duì)象的是（）。A、DOMB、BOMC、windowD、element3．下面關(guān)于BOM對(duì)象描述錯(cuò)誤的是（）。A、go(-1)與back()皆表示向歷史列表后退一步。B、通過confirm()實(shí)現(xiàn)的確認(rèn)對(duì)話框，單擊擊確認(rèn)時(shí)返回true。C、go(0)表示刷新當(dāng)前網(wǎng)頁。D、以上選項(xiàng)都不正確。4．在實(shí)現(xiàn)每60s只能發(fā)送一次消息時(shí)，可以用來停止定時(shí)器的方法是（）。A、Console面板B、clearTimeout()C、clearInterval()D、clearsetInterval()5．下列選項(xiàng)中（）可以獲取URL地址中的參數(shù)。A、location.hrefB、location.searchC、location.hostD、location.port6．當(dāng)調(diào)整window窗口大小的時(shí)候，就會(huì)觸發(fā)的事件是（）。A、window.onresizeB、window.innerWidthC、window.onloadD、document.DOMContentLoaded7．為了實(shí)現(xiàn)3秒后自動(dòng)關(guān)閉廣告的效果，可以使用（）來實(shí)現(xiàn)。A、setTimeout()B、setInterval()C、clearInterval()D、clearTimeout()8．下列端口號(hào)中，可以作為URL的默認(rèn)請(qǐng)求端口號(hào)的是（）。A、8080B、80C、3306D、4439．setInterval()函數(shù)的第2個(gè)參數(shù)設(shè)置（）表示間隔1秒重復(fù)執(zhí)行某段代碼。A、1B、10C、100D、100010．下面關(guān)于go()方法描述錯(cuò)誤的是（）。A、當(dāng)參數(shù)值是一個(gè)負(fù)整數(shù)時(shí)，表示“后退”指定的頁數(shù)B、當(dāng)參數(shù)值是一個(gè)正整數(shù)時(shí)，表示“前進(jìn)”指定的頁數(shù)C、可根據(jù)參數(shù)的不同設(shè)置完成歷史記錄的任意跳轉(zhuǎn)D、以上說法都不正確二、多選題1．下面關(guān)于獲取URL參數(shù)案例的實(shí)現(xiàn)方式，說法正確的是（）。A、在實(shí)現(xiàn)登錄功能時(shí)，需要在登錄頁面（login.html）進(jìn)行表單提交B、使用action屬性把表單提交到index.html頁面C、input表單元素type屬性設(shè)置為“submit”D、使用location.appName返回URL地址中的參數(shù)2．下面選項(xiàng)中，關(guān)于location的常用方法說法正確的是。（）A、assign()載入一個(gè)新的文檔B、reload()重新加載當(dāng)前文檔C、search()載入一個(gè)新的文檔D、replace()用新的文檔替換當(dāng)前文檔，覆蓋瀏覽器當(dāng)前記錄3．下面選項(xiàng)中，屬于window的子對(duì)象的是。（）A、objectB、divC、documentD、location4．在URL構(gòu)成部分中，主要包括以下哪些選項(xiàng)（）。A、網(wǎng)絡(luò)協(xié)議B、資源名稱字符串C、端口號(hào)D、服務(wù)器的主機(jī)名5．下列選項(xiàng)中，可控制瀏覽器實(shí)現(xiàn)“前進(jìn)”功能的是（）。A、history.back()B、history.forward()C、history.go(1)D、history.go(-1)6．下面選項(xiàng)中，屬于location常用屬性的是。（）A、location.searchB、location.hashC、location.hostnameD、location.src7．以下選項(xiàng)中屬于window對(duì)象屬性的是（）。A、documentB、historyC、locationD、screen8．下面選項(xiàng)中，屬于清除定時(shí)器方法的是。（）A、setInterval()B、clearInterval()C、setTimeout()D、clearTimeout()三、判斷題1．URL是由主機(jī)名、端口號(hào)、網(wǎng)絡(luò)協(xié)議以及軟件版本四部分組成的。（）2．全局變量可以通過window對(duì)象進(jìn)行訪問。（）3．window.onload注冊(cè)事件的方式只能寫一次，如果有多個(gè)，會(huì)以最后一個(gè)window.onload為準(zhǔn)。（）4．setTimeout()方法的第2個(gè)參數(shù)表示等待的時(shí)間，單位是秒。（）5．使用history對(duì)象的go()方法可以實(shí)現(xiàn)頁面前進(jìn)或后退。（）6．所有瀏覽器都支持location對(duì)象提供的更改URL地址的方法。（）7．定義在全局作用域中的變量、函數(shù)都會(huì)變成window對(duì)象的屬性和方法。（）

學(xué)習(xí)單元6JavaScript中的事件處理單元實(shí)訓(xùn)當(dāng)鼠標(biāo)移動(dòng)時(shí)，系統(tǒng)隨機(jī)產(chǎn)生一串大小不一顏色漸變的實(shí)心圓跟隨鼠標(biāo)的移動(dòng)而移動(dòng)，運(yùn)行效果如下：習(xí)題一、單選題1．下面關(guān)于事件的描述錯(cuò)誤的是（）。A、事件指的是可以被JavaScript偵測(cè)到的行為B、事件處理程序指的是事件觸發(fā)后要執(zhí)行的代碼C、事件源是指觸發(fā)事件的元素D、以上說法都不正確2．鼠標(biāo)單擊頁面按鈕，被偵測(cè)到并彈出一個(gè)提示信息的過程被稱為（）。A、事件處理程序B、事件驅(qū)動(dòng)式C、事件流D、事件對(duì)象3．以下選項(xiàng)中不適合JavaScript代碼與HTML代碼相分離的是（）。A、動(dòng)態(tài)綁定式B、嵌入式C、行內(nèi)綁定式D、事件監(jiān)聽4．以下選項(xiàng)可在IE8瀏覽器中獲取事件對(duì)象的是（）。A、document.eventB、元素對(duì)象.eventC、window.eventD、以上選項(xiàng)都不可以5．下列選項(xiàng)中（）方法，可以在Chrome瀏覽器中進(jìn)行事件監(jiān)聽的同時(shí)設(shè)置事件流的處理方式。A、attachEvent()B、detachEvent()C、addEventListener()D、removeEventListener()6．下列選項(xiàng)中，（）可在Chrome瀏覽器中阻止事件冒泡。A、returnValueB、cancelBubbleC、stopPropagation()D、preventDefault()7．下列選項(xiàng)中不屬于JavaScript事件綁定方式的是（）。A、行內(nèi)綁定式B、動(dòng)態(tài)綁定式C、嵌入式D、事件監(jiān)聽8．當(dāng)用戶單擊輸入文本框時(shí)，會(huì)觸發(fā)以下哪種事件（）。A、mouseoverB、focusC、blurD、mouseout9．在網(wǎng)頁中雙擊鼠標(biāo)會(huì)觸發(fā)（）事件。A、clickB、dblclickC、dbclickD、clicks10．W3C規(guī)定在以下哪個(gè)階段進(jìn)行事件處理（）。A、事件冒泡B、事件捕獲C、事件冒泡和事件捕獲D、以上說法都不正確二、判斷題1．事件是指可以被JavaScript偵測(cè)到的行為，是一種“觸發(fā)-響應(yīng)”的機(jī)制。（）2．事件驅(qū)動(dòng)式指用戶的行為被偵測(cè)到后，并執(zhí)行相應(yīng)的事件處理程序的過程。（）3．匿名函數(shù)處理的事件監(jiān)聽不能夠被移出。（）。4．W3C規(guī)定了事件發(fā)生后，首先實(shí)現(xiàn)事件捕獲，但不對(duì)事件進(jìn)行處理。（）5．在Chrome瀏覽器中，利用addEventListener()方法可以完成事件監(jiān)聽，如onclick。（）6．this返回的是綁定事件的對(duì)象。（）7．事件對(duì)象的type屬性可以獲取發(fā)生事件的類型。（）8．禁止鼠標(biāo)選中需要用到selectstart事件。（）9．JavaScript中事件的發(fā)生，都會(huì)產(chǎn)生一個(gè)事件對(duì)象。（）10．DOM0級(jí)事件模型中，同一個(gè)DOM對(duì)象的同一個(gè)事件只能有一個(gè)事件處理程序。（）三、簡(jiǎn)答題請(qǐng)簡(jiǎn)述事件委托的原理。學(xué)習(xí)單元7JavaScript對(duì)象單元實(shí)訓(xùn)利用JavaScript實(shí)現(xiàn)一個(gè)隨時(shí)間變化而變化的時(shí)鐘，要求時(shí)鐘的每個(gè)數(shù)字都顯示為圖片形式。若當(dāng)前系統(tǒng)時(shí)間為“00:27:43”，則時(shí)鐘的實(shí)現(xiàn)效果如下圖所示：習(xí)題一、單選題1．在使用構(gòu)造函數(shù)創(chuàng)建對(duì)象時(shí)，構(gòu)造函數(shù)內(nèi)部的this表示（）。A、構(gòu)造函數(shù)本身B、新創(chuàng)建的對(duì)象C、window對(duì)象D、原型對(duì)象2．獲取一個(gè)字符在字符串中首次出現(xiàn)的位置，使用（）方法。A、charAt()B、indexOf()C、lastIndexOf()D、substr()3．若字符串的indexOf()方法查找失敗，則返回（）。A、0B、-1C、falseD、null4．為Date對(duì)象設(shè)置年份使用（）方法。A、getFullYear()B、setFullYear()C、getDate()D、setDate()5．獲取當(dāng)前的星期值，使用Date對(duì)象的（）方法。A、getDate()B、getDay()C、getTime()D、getWeek()6．下列選項(xiàng)中，（）方法默認(rèn)逆向檢索。A、indexOf()B、lastIndexOf()C、Array.isArray()D、includes()7．若varstr='abc';則str[1]的值為。（）A、aB、bC、cD、語法錯(cuò)誤，不能獲取其值8．在Math對(duì)象中，獲取絕對(duì)值的方法為（）。A、sqrt()B、floor()C、pow()D、abs()9．若obj是一個(gè)對(duì)象，則'name'inobj的作用是（）。A、判斷obj中是否含有name屬性B、判斷obj中是否含有name方法C、判斷obj中是否含有name成員D、判斷obj中的name屬性的值是否為空10．正則對(duì)象中，表示匹配零個(gè)或多個(gè)任意字符的字符串的是（）。A、“.d”B、“.*”C、“.g”D、“.a”11．關(guān)于正則對(duì)象“/abc/i”描述正確的是（）。A、“/”表示轉(zhuǎn)義字符B、“abc”表示要搜索的內(nèi)容C、“i”表示不要忽略大小寫D、以上說法全部正確12．下面選項(xiàng)中，關(guān)于正則表達(dá)式特點(diǎn)說法錯(cuò)誤的是（）。A、正則表達(dá)式的靈活性、邏輯性和功能性非常強(qiáng)B、可以迅速地用極簡(jiǎn)單的方式達(dá)到字符串的復(fù)雜控制C、正則表達(dá)式是通過任意字符編寫的D、需要明白這些字符代表的含義，才可以靈活地運(yùn)用13．RegExp構(gòu)造函數(shù)的正則表達(dá)式模式文本中（）用于匹配字符串“\\”（）。A、\\B、\\\C、\\\\D、以上選項(xiàng)都不正確14．正則表達(dá)式a(bc){2}，可匹配的結(jié)果是（）。A、abcbbB、abbccC、abcbcD、abc15．以下創(chuàng)建正則對(duì)象的方式錯(cuò)誤的是（）。A、/^a.*y$/giB、newRegExp(^a.*y$,'gi')C、RegExp(/^a.*y$/,'gi')D、newRegExp('^a.*y$','gi')二、多選題1．下列選項(xiàng)中，訪問對(duì)象成員的語法，正確的是（）。A、B、obj['name']C、obj->nameD、obj('name')2．下列選項(xiàng)中，屬于內(nèi)置對(duì)象的是。（A,B,C,D）A、MathB、DateC、ArrayD、String3．若在對(duì)象的成員方法a()中調(diào)用成員方法b()，可以使用（）語法。A、b()B、當(dāng)前對(duì)象名.b()C、this.b()D、this['b']()4．下面選項(xiàng)中，關(guān)于預(yù)定義類說法正確的是（）。A、.匹配除“\n”外的任何單個(gè)字符B、\W匹配任意的字母、數(shù)字和下劃線，相當(dāng)于[a-zA-Z0-9]C、\D匹配所有0~9以外的字符，相當(dāng)于[^0-9]D、\S匹配空格（包括換行符、制表符、空格符等），相當(dāng)于[\t\r\n\v\f]三、判斷題1．Math.random()生成的隨機(jī)數(shù)不包括1。（）2．toUpperCase()方法，表示獲取字符串的小寫形式。（）3．charAt(index)方法，用于獲取index位置的字符，位置從1開始計(jì)算。（）4．lastIndexOf(searchValue)，表示獲取searchValue在字符串中最后出現(xiàn)的位置。（）5．屬性是一個(gè)變量，用來表示一個(gè)對(duì)象的特征。（）6．在使用字面量語法定義對(duì)象時(shí)，屬性名不能省略引號(hào)。（）7．字符串的字符位置索引從1開始。（）8．在定義構(gòu)造函數(shù)時(shí)，函數(shù)名必須首字母大寫。（）9．在JavaScript中，方法是作為對(duì)象成員的函數(shù)，表明對(duì)象所具有的行為。（）10．定義getRandom()函數(shù)，functiongetRandom(min,max){returnMath.floor(Math.random()*(max-min+1)+min);}varrandom=getRandom(1,10);執(zhí)行該段代碼之后，random表示隨機(jī)數(shù)大小為1~10之間的數(shù)。（）11．在使用Math對(duì)象前，需要先實(shí)例化對(duì)象。（）12．字符串對(duì)象使用newString()來創(chuàng)建。（）13．正則表達(dá)式是一種特定的用于描述字符串結(jié)構(gòu)的格式化模式。（）14．模式修飾符gi和ig均表示“全局匹配且忽視大小寫”。（）15．exec()方法在對(duì)字符串進(jìn)行正則匹配失敗時(shí)返回false。（）四、簡(jiǎn)答題請(qǐng)利用正則表達(dá)式完成用戶的驗(yàn)證，要求：長度4~12，英文大小寫字母組成。學(xué)習(xí)單元8JavaScript框架之jQuery應(yīng)用單元實(shí)訓(xùn)利用jQuery實(shí)現(xiàn)圖片淡入淡出展示特效。預(yù)覽網(wǎng)頁，圖片加載完畢后在2秒內(nèi)以0.5的透明度進(jìn)行展示；當(dāng)鼠標(biāo)指針移入圖片，圖片突出顯示；鼠標(biāo)指針移出圖片時(shí)，圖片再次以0.5的透明度顯示，運(yùn)行效果如下圖所示：圖片淡入淡出展示效果圖習(xí)題一、填空題1．jQuery是一個(gè)開源的類庫。2．jQuery中的方法用于快速實(shí)現(xiàn)元素的遍歷。3．通過可以實(shí)現(xiàn)鼠標(biāo)離開事件。4．jQuery中的方法可以創(chuàng)建自定義動(dòng)畫。5．$(selector).each(function(index,domEle){});中的參數(shù)是每個(gè)元素的索引號(hào)。二、選擇題1．下面選項(xiàng)中，可以用來代替jQuery的符號(hào)是（）。A、#B、￥C、&D、$2．jQuery選擇器中，通過（A）可獲取指定id值的元素。A、$("#id")B、$("*")C、$(".class")D、$("div")3．下列選項(xiàng)中，關(guān)于jQuery的說法錯(cuò)誤的是（）。A.jQuery是一個(gè)輕量級(jí)的腳本B.jQuery不支持CSS1~CSS3定義的屬性和選擇器C.jQuery語法簡(jiǎn)潔易懂，學(xué)習(xí)速度快，文檔豐富D.jQuery插件豐富，可以通過插件擴(kuò)展更多功能4．下面選項(xiàng)中，關(guān)于鏈?zhǔn)骄幊陶f法錯(cuò)誤的是（）。A、通過“*”符號(hào)鏈接起來B、$("div").eq(index).show()表示讓指定索引的div元素顯示。C、鏈?zhǔn)骄幊淌菫榱斯?jié)省代碼量，讓代碼看起來更優(yōu)雅。D、如果希望同一個(gè)對(duì)象的方法可以被鏈?zhǔn)秸{(diào)用，可以使用returnthis返回對(duì)象自身。5．下列選項(xiàng)中，用于檢查元素是否含有某個(gè)特定的類的方法是（）。A.hasClass()B.has()C.find() D.is()6．下列選項(xiàng)中，用于實(shí)現(xiàn)停止動(dòng)畫的方法是（）。A.stop() B.off() C.on() D.hide()7．下列選項(xiàng)中，關(guān)于jQuery事件操作說法正確的是（）。A.jQuery的頁面加載事件和JavaScript中的頁面加載事件完全相同B.on()方法不僅可以實(shí)現(xiàn)事件注冊(cè)，還可以實(shí)現(xiàn)事件委托C.trigger()方法和triggerHandler()方法都不會(huì)執(zhí)行元素默認(rèn)行為D.off()方法不傳入?yún)?shù)時(shí)，表示解除元素上的事件委托8．以下選項(xiàng)中，可以實(shí)現(xiàn)鼠標(biāo)移入事件的是（）。A、mouseupB、mouseoverC、mouseoutD、mouseleave9．下面選項(xiàng)中，可以獲取第一個(gè)匹配元素的HTML內(nèi)容的是（）。A、html()B、text()C、val()D、以上答案全部正確10．下面選項(xiàng)中，可以在ul元素內(nèi)部的最后面添加一個(gè)li元素的是（）。A、$("ul").append("<li>我是后來創(chuàng)建的li</li>");B、$("ul").append(<li>我是后來創(chuàng)建的li</li>);C、$("ul").after("<li>我是后來創(chuàng)建的li</li>");D、$("ul").prepend("<li>我是后來創(chuàng)建的li</li>");三、判斷題1．jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript庫，其設(shè)計(jì)宗旨是writeless，domore。（）2．jQuery頂級(jí)對(duì)象類似一個(gè)構(gòu)造函數(shù)，用來創(chuàng)建jQuery實(shí)例對(duì)象（簡(jiǎn)稱jQuery對(duì)象）。（）3．動(dòng)畫隊(duì)列中所有動(dòng)畫都是按照順序執(zhí)行的，默認(rèn)只有當(dāng)前一個(gè)動(dòng)畫執(zhí)行完畢，才會(huì)執(zhí)行后面的動(dòng)畫。（）4．jQuery對(duì)象可以包裝一個(gè)或多個(gè)DOM對(duì)象。（）5．“:first”選擇器用于獲取指定元素的第一個(gè)元素。（）6．text()方法獲取的元素內(nèi)容包含HTML標(biāo)簽。（）7．事件委托可以為未來動(dòng)態(tài)創(chuàng)建的元素注冊(cè)事件。（）8．$("#contentdiv").eq(index).siblings().hide();表示讓當(dāng)前索引下的div元素的所有兄弟元素隱藏。（）9．在調(diào)用animate()、fadeIn()和fadeOut()方法之前，調(diào)用stop()方法來停止動(dòng)畫，不能消除動(dòng)畫隊(duì)列。（）10．hover()方法的參數(shù)依次表示鼠標(biāo)移出和移入事件的處理程序。（）四、簡(jiǎn)答題1．請(qǐng)簡(jiǎn)單介紹什么是jQuery。2．簡(jiǎn)述JavaScript中的window.onload和jQuery中的$(document).ready()的區(qū)別。五、編程題改進(jìn)第四章的單元實(shí)訓(xùn)，利用jQuery實(shí)現(xiàn)多幅圖片橫向手風(fēng)琴特效，具體要求如下：①初始狀態(tài)第一幅圖片完全顯示，其他圖片顯示十分之一寬度。②當(dāng)鼠標(biāo)懸浮到某一副圖片上時(shí)，該圖片完全顯示，其他圖片顯示十分之一寬度。參考運(yùn)行效果如下：

參考答案：學(xué)習(xí)單元1初始JavaScript單元實(shí)訓(xùn)答案<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head> <body> <script> varuseName=prompt('請(qǐng)輸入您的姓名'); alert("歡迎"+useName+"訪問我們的網(wǎng)站"); console.log("歡迎"+useName+"訪問我們的網(wǎng)站"); </script> </body></html>習(xí)題答案一、單選題1.C2.A3.A4.C5.A6.C7.A8.A9.A10.C二、多選題1.A,C,D2.A,D三、判斷題1.錯(cuò)2.對(duì)3.對(duì)4.對(duì)5.錯(cuò)學(xué)習(xí)單元2JavaScript語言基礎(chǔ)單元實(shí)訓(xùn)答案<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title>猴子選大王小游戲</title> </head> <body> <script> vartotal=prompt('輸入猴子的總數(shù)'); varkick=prompt('踢出第幾只猴子'); varmonkey=[]; for(vari=1;i<=total;++i){//創(chuàng)建猴子數(shù)組 monkey.push(i); } i=0;//記錄每次參與游戲（報(bào)數(shù)）的猴子的位置 while(monkey.length>1){//在猴子數(shù)量大于1的時(shí)候進(jìn)行循環(huán) ++i;//猴子報(bào)數(shù)從monkey數(shù)組的開頭取出猴子 head=monkey.shift();//猴子報(bào)數(shù) if(i%kick!=0){//判斷是否踢出猴子，不踢出則把該猴子添加到monkey數(shù)組的尾部 monkey.push(head);//繼續(xù)參加游戲的猴子 } } console.log('猴王編號(hào)：'+monkey[0]); </script> </body></html>習(xí)題答案一、單選題1.C2.C3.B4.D5.C6.B7.D8.B9.D10.A二、多選題1.A,B,C2.B,D3.A,D2.A,B,C,D三、判斷題1.對(duì)2.錯(cuò)3.對(duì)4.錯(cuò)5.對(duì)6.對(duì)四、編程題vararr=[2,0,6,1,77,0,52,0,25,7];varnewArr=[];varj=0;for(vari=0;i<arr.length;i++){if(arr[i]>=50){ newArr[j++]=arr[i];//新數(shù)組索引號(hào)從0開始，依次遞增}}console.log(newArr);//輸出結(jié)果：(3)[77,52]學(xué)習(xí)單元3JavaScript函數(shù)單元實(shí)訓(xùn)答案<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title>JavaScript計(jì)算器</title> <styletype="text/css"> input{ width:60px; height:20px; } </style> <script> functionadd(num1,num2){//加法 returnnum1+num2; } functionsub(num1,num2){//減法 returnnum1-num2; } functionmul(num1,num2){//乘法 returnnum1*num2; } functiondiv(num1,num2){//除法 if(num2==0){ alert('除數(shù)不能為0'); return''; } returnnum1/num2; } functionnumDemo(){ //使用.value方法獲取值 varn1=parseInt(document.getElementById("num1").value); varn2=parseInt(document.getElementById("num2").value); varoper=document.getElementById("oper").value; varrst;//定義運(yùn)算 switch(oper){ case"+": rst=add(n1,n2); break; case"-": rst=sub(n1,n2); break; case"x": rst=mul(n1,n2); break; case"÷": rst=div(n1,n2); break; default: rst="錯(cuò)誤方式"; break; } document.getElementById("rst").value=rst; } </script> </head> <body> <inputtype="number"id="num1"name="one"autofocus="autofocus"> <selectid="oper"> <optionvalue='+'>+</option> <optionvalue='-'>-</option> <optionvalue='x'>x</option> <optionvalue='÷'>÷</option> </select> <inputtype="number"id="num2"name="two"/>= <inputtype="text"id="rst"disabled/> <buttontype="button"onclick="numDemo()"> 計(jì)算 </button> </body></html>習(xí)題答案一、單選題1.D2.D3.D4.A5.C6.B7.C8.B9.B10.B二、判斷題1.對(duì)2.錯(cuò)3.錯(cuò)4.錯(cuò)5.對(duì)6.對(duì)7.錯(cuò)8.對(duì)9.對(duì)10.對(duì)11.錯(cuò)12.對(duì)13.對(duì)14.對(duì)15.對(duì)學(xué)習(xí)單元4JavaScript中的DOM操作單元實(shí)訓(xùn)答案<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } .content{ width:980px; height:400px; margin:100pxauto; overflow:hidden; box-shadow:002px2pxgray; } ul{ width:100%; height:100%; list-style:none; display:flex; } li{ width:70px; height:100%; overflow:hidden; transition:0.5s; } img{ height:400px; } .current{ flex-grow:10; } </style> </head> <body> <divclass="content"> <ul> <liclass="current"><imgsrc="img/1.jpg"></li> <li><imgsrc="img/2.jpg"></li> <li><imgsrc="img/3.jpg"></li> <li><imgsrc="img/4.jpg"></li> <li><imgsrc="img/5.jpg"></li> </ul> </div> <script> varcontent=document.querySelector('.content'); varlis=document.querySelectorAll('li'); fn1=function(){ for(vari=0;i<lis.length;i++){ lis[i].className=""; } this.className="current"; } for(vari=0;i<lis.length;i++){ lis[i].addEventListener("mouseenter",fn1,"false"); } </script> </body></html>習(xí)題答案一、單選題1.A2.D3.B4.D5.C6.C7.D8.B二、多選題1.A,B,C,D2.A,B,C3.B,D三、判斷題1.對(duì)2.對(duì)3.錯(cuò)4.對(duì)5.對(duì)6.錯(cuò)7.錯(cuò)8.對(duì)9.對(duì)10.對(duì)四、簡(jiǎn)答題參考答案：childNodes屬性與children屬性雖然都可以獲取某元素的子元素，但是兩者之間有一定的區(qū)別。前者用于節(jié)點(diǎn)操作，返回值是NodeList對(duì)象的集合，后者用于元素操作，返回的是HTMLCollection對(duì)象的集合。因此，childNodes屬性在獲取子元素時(shí)還會(huì)包括文本節(jié)點(diǎn)等其他類型的節(jié)點(diǎn)。學(xué)習(xí)單元5JavaScript中的BOM操作單元實(shí)訓(xùn)答案<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title>計(jì)時(shí)器</title> <style> #box{ width:280px; height:80px; margin:20pxauto; background-color:plum; text-align:center; } #showCount{ padding:10px; } </style> </head> <body> <divid="box"> <divid="showCount">計(jì)時(shí)0秒</div> <buttononclick="start()">啟動(dòng)計(jì)時(shí)器</button> <buttononclick="stop()">停止計(jì)時(shí)器</button> <buttononclick="reStart()">重啟計(jì)時(shí)器</button> <div> <script> varcount=0; varcounter; functionshowCount(){ count++; document.querySelector('#showCount').innerHTML="計(jì)時(shí)"+count+"秒"; } functionstart(){ counter=window.setInterval('showCount()',1000); } functionstop(){ clearInterval(counter); } functionreStart(){ count=0; counter=window.setInterval('showCount()',1000); } </script> </body></html>習(xí)題答案一、單選題1.B2.C3.D4.C5.B6.A7.A8.B9.D10.D二、多選題1.A,B,C2.A,B,D3.C,D4.A,B,C,D5.B,C6.A,B,C7.A,B,C,D8.B,D三、判斷題1.錯(cuò)2.對(duì)3.對(duì)4.錯(cuò)5.對(duì)6.錯(cuò)7.對(duì)學(xué)習(xí)單元6JavaScript中的事件處理單元實(shí)訓(xùn)答案index.html文件代碼<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title>跟隨鼠標(biāo)泡泡光標(biāo)動(dòng)畫特效</title> <linkrel="stylesheet"href="css/style.css"> <scriptsrc="js/script.js"></script> </head> <body> </body></html>style.css文件代碼*{margin:0;padding:0;}body{overflow:hidden;background:#ecf0f3;height:100vh;}span{height:50px;width:50px;border-radius:50%;position:absolute;pointer-events:none;background:#55b9f3;transform:translate(-50%,-50%);animation:blow4slinearinfinite;}@keyframesblow{0%{transform:translate(-50%,-50%);opacity:1;filter:hue-rotate(0deg);}100%{transform:translate(-50%,-1000%);opacity:0;filter:hue-rotate(720deg);}}script.js文件代碼window.onload=function(){ document.addEventListener('mousemove',function(e){ varbody=document.querySelector('body'); varcircle=document.createElement('span'); varx=e.offsetX; vary=e.offsetY; circle.style.left=x+"px"; circle.style.top=y+"px"; varsize=Math.random()*100; circle.style.width=20+size+"px"; circle.style.height=20+size+"px"; body.appendChild(circle); setTimeout(function(){ circle.remove(); },1800); });}習(xí)題答案一、單選題1.D2.B3.C4.C5.C6.C7.C8.B9.B10.A二、判斷題1.對(duì)2.對(duì)3.對(duì)4.對(duì)5.錯(cuò)6.對(duì)7.對(duì)8.對(duì)9.對(duì)10.對(duì)三、簡(jiǎn)答題事件委托的原理是，不給每個(gè)子節(jié)點(diǎn)單獨(dú)設(shè)置事件監(jiān)聽器，而是把事件監(jiān)聽器設(shè)置在其父節(jié)點(diǎn)上，讓其利用事件冒泡的原理影響到每個(gè)子節(jié)點(diǎn)。學(xué)習(xí)單元7JavaScript對(duì)象單元實(shí)訓(xùn)答案index.html文件代碼<!DOCTYPEhtml><head> <metacharset="UTF-8"> <title>數(shù)字電子時(shí)鐘</title> <scriptsrc='js/clock.js'></script></head><body> <imgsrc="img/0.jpg"><imgsrc="img/0.jpg"><imgsrc="img/mh.jpg"> <imgsrc="img/0.jpg"><imgsrc="img/0.jpg"><imgsrc="img/mh.jpg"> <imgsrc="img/0.jpg"><imgsrc="img/0.jpg"></body></html>clock.js文件代碼window.onload=function(){ functiontext(){ varoImg=document.getElementsByTagName("img"); varmyDate=newDate(); varoHou=myDate.getHours(); varoM=myDate.getMinutes(); varoSec=myDate.getSeconds(); varstr=toDou(oHou)+":"+toDou(oM)+":"+toDou(oSec); for(vari=0;i<oImg.length;i++){ if(str.charAt(i)>=0&&str.charAt(i)<=9){ oImg[i].src='img/'+str.charAt(i)+'.jpg'; }else{ oImg[i].src='img/mh.jpg'; } } functiontoDou(s){ if(s<10){ return'0'+s; }else{ return''+s } } } window.setInterval(text,1000); text();}代碼中用到的圖片及命名截圖如下：習(xí)題答案一、單選題1.B2.B3.B4.B5.B6.B7.B8.D9.C10.B11.B12.C13.C14.C15.B二、多選題1.A,B2.A,B,C,D3.B,C,D4.A