Web前端開發(fā)（JavaScript+jQuery）【習(xí)題答案】 教材對(duì)照后課后習(xí)題答案

PAGE14項(xiàng)目1JavaScript填空題嵌入式使用__<script>____標(biāo)簽包裹JavaScript代碼，直接編寫到HTML文件中。單行注釋以____//__開始。alert('測(cè)試'.length)的輸出結(jié)果是__2____。Boolean(undefined)方法的運(yùn)行結(jié)果等于__false____。表達(dá)式(-5)%3的運(yùn)行結(jié)果等于___-2___。判斷題JavaScript代碼嚴(yán)格區(qū)分大小寫。（T）JavaScript是Java語言的腳本形式。（F）JavaScript中，加號(hào)“+”可以連接兩個(gè)字符串。（T）JavaScript中age與Age代表不同的變量。（T）運(yùn)算符“.”可用于連接兩個(gè)字符串。（F）選擇題下列選項(xiàng)中，為JavaScript代碼添加多行注釋的語法為（C）。A.<!----> B.// C./**/ D.#下列選項(xiàng)中，關(guān)于JavaScript的說法錯(cuò)誤的是（C）。A.JavaScript是腳本語言B.JavaScript可以跨平臺(tái)C.JavaScript不支持面向?qū)ο驞.JavaScript主要用于實(shí)現(xiàn)業(yè)務(wù)邏輯和頁面控制下列選項(xiàng)中，屬于輸入語句的是（B）。A.console.log() B.prompt() C.alert() D.document.write()下列選項(xiàng)中，用于通過控制臺(tái)查看結(jié)果的語句是（A）。console.log() B.prompt() C.alert() D.document.write()5.下列選項(xiàng)中，不屬于基本數(shù)據(jù)類型的是（B）。A.boolean B.object C.string D.null6.下列選項(xiàng)中，不屬于比較運(yùn)算符的是（A）。A.= B.== C.=== D.!==7.下列選項(xiàng)中，屬于循環(huán)結(jié)構(gòu)語句的是（C）if 語句 B.if…else語句 C.for語句 D.switch語句8.下列選項(xiàng)中，不能作為變量名開頭的是（B）。A.字母 B.數(shù)字 C.下劃線 D.$9.下列選項(xiàng)中，與0相等（==）的是（D）。A.null B. undefined C.NaN D.''10.下列選項(xiàng)中，不屬于比較運(yùn)算符的是（D）。A.== B.=== C.!== D.=簡(jiǎn)答題簡(jiǎn)述外鏈?zhǔn)胶颓度胧奖容^有什么優(yōu)勢(shì)。外鏈?zhǔn)酱嬖谟讵?dú)立文件中，有利于修改和維護(hù)，而嵌入式會(huì)導(dǎo)致HTML與JavaScript代碼混合在一起。外鏈?zhǔn)娇梢岳脼g覽器緩存提高速度。例如，在多個(gè)頁面中引入相同的JavaScript文件時(shí)，打開第1個(gè)頁面后，瀏覽器將JavaScript文件緩存下來，下次打開其他頁面時(shí)就不用重新下載該文件了。外鏈?zhǔn)接欣贖TML頁面代碼結(jié)構(gòu)化，把大段的JavaScript代碼分離到HTML頁面之外，既美觀，也方便文件級(jí)別的代碼復(fù)用。簡(jiǎn)述JavaScript中的數(shù)據(jù)類型。JavaScript將數(shù)據(jù)類型分為兩大類，分別是基本數(shù)據(jù)類型和復(fù)雜數(shù)據(jù)類型?；緮?shù)據(jù)類型包括布爾型、數(shù)字型、字符串型、空型、未定義型、大整型和符號(hào)型，復(fù)雜數(shù)據(jù)類型包括對(duì)象。varb=31-w;if((r+b)==28){document.write('紅球：'+r+'，白球：'+w+'，黑球：'+b);}}</script>項(xiàng)目2數(shù)組與對(duì)象填空題數(shù)組由零個(gè)或多個(gè)__元素____組成。數(shù)組的索引在默認(rèn)情況下從____0__開始依次遞增。數(shù)組有兩種創(chuàng)建方式，一種是通過newArray()，另一種是直接使用__[]____。使用__數(shù)組名.length____可以獲取數(shù)組的長度。Array對(duì)象的___push()___方法，用于在數(shù)組末尾添加一個(gè)或多個(gè)元素。判斷題使用“[]”方式創(chuàng)建數(shù)組時(shí)不能創(chuàng)建含有空存儲(chǔ)位置的數(shù)組。（F）使用delete關(guān)鍵字刪除數(shù)組中的元素后，該元素依然會(huì)占用一個(gè)空存儲(chǔ)位置。（T）二維數(shù)組轉(zhuǎn)置指的是將二維數(shù)組橫向元素保存為縱向元素。（T）對(duì)象是由屬性和方法組成的一個(gè)集合。（T）對(duì)象中未賦值的屬性的值為undefined。（F）和obj['name']訪問到的是同一個(gè)屬性。（T）選擇題1.下列選項(xiàng)中，創(chuàng)建數(shù)組方式錯(cuò)誤的是（B）。A.vararr=newArray('張三','李四','王五');B.vararr=newarray('張三','李四','王五');C.vararr=['張三','李四','王五'];D.vararr=['張三','李四',,'王五'];上一題換成以下內(nèi)容以下選項(xiàng)中，關(guān)于創(chuàng)建數(shù)組的方式錯(cuò)誤的是（C）。A.使用new關(guān)鍵字創(chuàng)建數(shù)組，例如：int[]arr=newint[5];B.使用初始化列表創(chuàng)建數(shù)組，例如：int[]arr={1,2,3,4,5};C.使用Arrays.asList()方法創(chuàng)建數(shù)組，例如：int[]arr=Arrays.asList(1,2,3,4,5);D.使用Array.newInstance()方法創(chuàng)建數(shù)組，例如：int[]arr=(int[])Array.newInstance(int.class,5);正確答案是：C解釋：選項(xiàng)A是正確的，new關(guān)鍵字是用于創(chuàng)建數(shù)組的標(biāo)準(zhǔn)方式。選項(xiàng)B是正確的，初始化列表也是創(chuàng)建數(shù)組的有效方式。選項(xiàng)C是錯(cuò)誤的，Arrays.asList()方法用于創(chuàng)建列表，而不是數(shù)組。選項(xiàng)D是正確的，Array.newInstance()方法可以用來創(chuàng)建數(shù)組。2.下列選項(xiàng)中，關(guān)于數(shù)組的描述錯(cuò)誤的是（C

）。A.

可以使用“數(shù)組名.length”獲取數(shù)組的長度B.

使用for語句可以實(shí)現(xiàn)遍歷數(shù)組C.

添加數(shù)組元素時(shí)，必須按照索引順序添加D.

修改數(shù)組元素與添加數(shù)組元素的寫法相同3.執(zhí)行代碼“vararr=[1,2,3];arr.length=4”后，arr.length的值為（D）。A.1 B.2 C.3 D.44.下列選項(xiàng)中創(chuàng)建數(shù)組的方式錯(cuò)誤的是（C）。A.vararr=newArray(); B. vararr=[];C.vararr=newarray(); D.vararr=[];arr.length=3;5.下列選項(xiàng)中，獲取從1970-01-0100:00:00到Date對(duì)象所代表時(shí)間經(jīng)歷的毫秒數(shù)的方法是（A）。A.getTime() B.setTime() C.getFullYear() D.getMonth()6.下列選項(xiàng)中，刪除數(shù)組第一個(gè)元素的方法是（C）。A.pop() B.unshift() C.shift() D.push()簡(jiǎn)答題列舉兩種實(shí)現(xiàn)數(shù)組排序的算法。冒泡排序：是按照要求從小到大排序或從大到小排序，通過不斷比較數(shù)組中相鄰兩個(gè)元素的值，將較小或較大的元素前移。插入排序：是冒泡排序的優(yōu)化，是一種直觀的簡(jiǎn)單排序算法。插入排序的思想是將數(shù)據(jù)插入一個(gè)有序的序列中的合適位置上，從而實(shí)現(xiàn)將數(shù)據(jù)從小到大或從大到小排列。列舉Array對(duì)象中用于添加或刪除數(shù)組元素的常用方法。push()：在數(shù)組末尾添加一個(gè)或多個(gè)元素。unshift()：在數(shù)組開頭添加一個(gè)或多個(gè)元素。pop()：刪除數(shù)組的最后一個(gè)元素。shift()：刪除數(shù)組的第一個(gè)元素。splice()：在指定索引處刪除或添加數(shù)組元素。項(xiàng)目3DOM與BOM填空題1.document對(duì)象的_getElementById()_____方法可以根據(jù)id獲取元素。2.DOM中的__innerText____屬性用于設(shè)置或獲取元素的文本內(nèi)容。3.將一個(gè)節(jié)點(diǎn)添加到父節(jié)點(diǎn)的所有子節(jié)點(diǎn)的末尾使用_appendChild()___方法。4.將一個(gè)父節(jié)點(diǎn)的指定子節(jié)點(diǎn)移除使用_removeChild()___方法。5.在BOM中，頂級(jí)對(duì)象是_window_____。6.實(shí)現(xiàn)每隔一段時(shí)間執(zhí)行一次代碼的定時(shí)器方法是__setInterval()____。7._setTimeout()_____方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)。判斷題WebAPI由BOM和DOM兩部分組成。（T）在DOM中所有節(jié)點(diǎn)都是元素。（F）3.使用元素的textContent屬性可以設(shè)置和獲取占位隱藏元素的文本內(nèi)容。（T）4.在事件冒泡階段中，事件從文檔節(jié)點(diǎn)自上而下向目標(biāo)節(jié)點(diǎn)傳播。（F）5.修改location對(duì)象的href屬性可以設(shè)置URL。（T）6.使用history對(duì)象的go()方法可以實(shí)現(xiàn)頁面的前進(jìn)或后退。（T）7.screen對(duì)象的outerHeight屬性用于返回屏幕的高度。（F）選擇題下面可用于只獲取文檔中第一個(gè)div元素的是（A）。A.document.querySelector('div') B.document.querySelectorAll('div')C.document.getElementsByName('div')D.以上選項(xiàng)都可以下列選項(xiàng)中，可用于實(shí)現(xiàn)動(dòng)態(tài)改變指定div中文本內(nèi)容的是（C）。A.console.log() B. document.write() C.innerTextD.以上選項(xiàng)都可以以下代碼用于單擊一個(gè)按鈕，彈出警告框。在橫線處應(yīng)填寫的正確代碼是（A）。<buttonid="btn">唐伯虎</button><script>varbtn=document.getElementById('btn');____________</script>A.btn.onclick=function(){alert('點(diǎn)秋香');}B.btn.onclick=alert('點(diǎn)秋香');C.btn.click=function(){alert('點(diǎn)秋香');}D.btn.click()4.下列選項(xiàng)中，當(dāng)元素獲得焦點(diǎn)時(shí)觸發(fā)的事件是（C）。A.submit B.keyupC.focusD.blur5.關(guān)于事件冒泡，以下描述正確的是（D）。A.JavaScript不允許出現(xiàn)事件冒泡B.事件冒泡是指父元素的事件冒泡到子元素上C.所有的事件都會(huì)出現(xiàn)事件冒泡D.事件冒泡可以被阻止6.下列關(guān)于window對(duì)象的描述中，錯(cuò)誤的是（D）。A.全局變量和函數(shù)都是window對(duì)象的屬性和方法B.window.location與document.location是同一個(gè)對(duì)象C.window對(duì)象屬于BOM對(duì)象D.函數(shù)內(nèi)使用var聲明的變量也是window對(duì)象的屬性7.下列關(guān)于location對(duì)象的描述中，錯(cuò)誤的是（C）。A.assign()方法用于載入一個(gè)新的文檔B.reload()方法用于重新加載當(dāng)前文檔C.search()方法用于獲取或設(shè)置URL參數(shù)D.replace()方法會(huì)用新的文檔替換當(dāng)前文檔，覆蓋瀏覽器當(dāng)前記錄簡(jiǎn)答題簡(jiǎn)述事件的3個(gè)要素。事件有3個(gè)要素，分別是事件源、事件類型和事件驅(qū)動(dòng)程序，具體解釋如下。（1）事件源：承受事件的元素對(duì)象。例如，在單擊按鈕的過程中，按鈕就是事件源。（2）事件類型：使網(wǎng)頁產(chǎn)生交互效果的行為動(dòng)作對(duì)應(yīng)的事件種類。例如，單擊事件的事件類型為click。（3）事件驅(qū)動(dòng)程序：事件觸發(fā)后為了實(shí)現(xiàn)相應(yīng)的網(wǎng)頁交互效果而執(zhí)行的代碼。2.簡(jiǎn)述BOM與DOM的區(qū)別。BOM（瀏覽器對(duì)象模型）是瀏覽器提供的用于JavaScript與瀏覽器窗口進(jìn)行交互的一系列對(duì)象，而DOM（文檔對(duì)象模型）是W3C組織推薦的處理可擴(kuò)展標(biāo)記語言（HTML或者XML）的標(biāo)準(zhǔn)編程接口。項(xiàng)目4jQuery填空題1.jQuery中，$()函數(shù)中的$可以替換為_jQuery_____。2.jQuery中的_id___選擇器用于獲取指定id的元素。3.jQuery中的____val()__方法用于獲取表單元素的value值。4.jQuery中的___off()___方法可以實(shí)現(xiàn)事件解除。5.jQuery中的____animate()___方法可以創(chuàng)建自定義動(dòng)畫。6.jQuery顯示隱藏的元素用__show()____實(shí)現(xiàn)。7.jQuery中__:checked____可以獲取復(fù)選框的所有選中值。判斷題1.“:first”選擇器用于獲取第一個(gè)元素。（T）2.text()方法獲取的元素內(nèi)容包含HTML標(biāo)簽。（F）3.選擇器“$(':input')”僅能獲取表單中的input元素標(biāo)簽。（F）4.jQuery中的頁面加載事件可以注冊(cè)多個(gè)事件處理程序。（F）5.jQuery中的hover()方法可同時(shí)處理鼠標(biāo)移入與移出事件的切換。（T）6.jQuery是對(duì)JavaScript封裝的函數(shù)庫。（T）7.“{}”可用于在JavaScript中創(chuàng)建對(duì)象。（T）8.Chrome開發(fā)者工具提供了Web開發(fā)工具和調(diào)試工具。（T）9.jQuery是一個(gè)常用的JavaScript庫，但不屬于輕量級(jí)的庫。（F）選擇題下列選項(xiàng)中，關(guān)于jQuery的說法錯(cuò)誤的是（B）。A.jQuery是一個(gè)輕量級(jí)的腳本B.jQuery不支持CSS1~CSS3定義的屬性和選擇器C.jQuery語法簡(jiǎn)潔易懂，學(xué)習(xí)速度快，文檔豐富D.jQuery插件豐富，可以通過插件擴(kuò)展更多功能下列選項(xiàng)中，可以通過標(biāo)簽名獲取元素的是（C）。A.$('#btn')B.$('.btn')C.$('button')D.$('*')下列選項(xiàng)中，用于實(shí)現(xiàn)停止動(dòng)畫的方法是（A）。A.stop() B.off() C.on() D.hide()下列選項(xiàng)中，關(guān)于jQuery事件操作說法正確的是（B）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í)，表示解除元素上的事件委托5.以下選項(xiàng)中，可以根據(jù)包含文本匹配到指定元素的是（B）。A.text() B.contains() C.input() D.attr()6.下面選項(xiàng)中，可用來追加到指定元素的末尾的是（D）。A.insertAfter() B. append() C.appendTo() D.after()7.下列選項(xiàng)中，不屬于jQuery選擇器的是（C）。A.元素選擇器 B.屬性選擇器 C.CSS選擇器