JavaScript+jQuery前端開發(fā)基礎教程（微課版）夏幫貴習題答案

JavaScript+jQuery前端開發(fā)基礎教程（微課版）參考答案第1章1.簡述JavaScript有哪些不同版本。答：有3種不同的JavaScript版本同時存在：Navigator中的JavaScript、IE中的JScript以及CEnvi中的ScriptEase。2.簡述JavaScript的特點。答：JavaScript的特點主要包括：解釋性、支持對象、事件驅動、跨平臺和安全性。3.如何在HTML文件中使用JavaScript腳本？答：可使用下面的方法在HTML文件中插入JavaScript腳本：使用<script>標記嵌入腳本；使用<script>標記鏈接腳本；作為事件處理程序和作為URL。第2章1.JavaScript的基本數據類型有哪些？答：數值型（number）、字符串（string）和邏輯型（boolbean）2.什么是常量？什么是變量？兩者有何區(qū)別？答：常量指不變的字面量，例如：12、"abc"、true等。變量是程序中聲明的、用于存儲數據的標識符。變量中可以存儲各種不同類型的常量數據。3.JavaScript的變量有何特點？答：JavaScript的變量有下列特點：（1）先聲明，后使用。（3）允許重復聲明。（4）弱類型，可存儲不同類型的數據。（5）變量的數據類型由存入其中的數據覺得。4.編寫一個JavaScript腳本，在瀏覽器中輸出100以內所有偶數的和。答：參考代碼，源文件：02\test2-22.html5.編寫一個JavaScript腳本，在瀏覽器中輸出3位整數中的對稱數（個位和百位相同）。答：參考代碼，源文件：02\test2-23.html第3章1.請問可用哪些方法可為數組添加元素？答：可用賦值、push()、unshift()等方法為數組添加元素。例如：vara=newArray() //a=[]a[0]=10 //a=[10]a.push(20) //a=[10,20]a.unshift(30) //a=[30，10,20]2.請問有哪些方法可為數組刪除元素？答：（1）deletea[1] //刪除數組元素，不改變數組大?。?）a.pop（） //刪除數組末尾的元素，數組長度減1（3）a.shift（） //刪除數組開頭的元素，數組長度減1（2）a.length-=x //減小數組長度，超出長度的元素被刪除3.請問函數內部的arguments對象的作用是什么？答：arguments對象是一個數組，保存實際傳入輸入的實際參數。4.在瀏覽器中輸出數字圖形。答：參考代碼，源文件：03\test3-30.html5.在瀏覽器中輸出楊輝三角。答：參考代碼，源文件：03\test3-31.html第4章1.簡述JavaScript的異常處理機制。答：avaScript使用try/catch/finally語句來捕獲和處理異常，其基本語法格式如下：try{//可能發(fā)生異常的代碼塊}catch(err){//發(fā)生異常后，執(zhí)行此處的處理代碼塊}finally{//不過是否發(fā)生異常，均會執(zhí)行的代碼塊}2.簡述如何在JavaScript中拋出自定義異常。答：使用throw語句來拋出異常，例如：thrownewError('出錯了！')throw'出錯了！'3.在JavaScript中可用哪些方法注冊事件處理程序。答：JavaScript提供了多種方法來注冊事件處理程序：設置HTML標記屬性、設置JavaScript對象屬性或者調用addEventListener()方法來注冊事件處理程序。4.實現圖4-15所示的頁面，可設置字號和顏色。答：參考代碼，源文件：04\test4-15.html第5章1.在JavaScript中，可用哪些方法來創(chuàng)建對象？答：有3中方法：（1）將花括號表示的對象直接量賦值給變量來創(chuàng)建對象。（2）使用new關鍵字調用構造函數創(chuàng)建對象。（3）調用Object.create()創(chuàng)建對象。2.JavaScript對象的屬性有哪些特點？答：有下列特點：（1）對象的屬性是動態(tài)的，在給對象不存在的屬性賦值時，創(chuàng)建該屬性。（2）可用delete語句刪除對象屬性。（3）對象屬性可用“.”或[]兩種方式來引用。例如，和a['name']均表示引用對象a的name屬性。（4）如果讀一個對象的屬性，JavaScript首先檢查對象是否有該屬性的定義，如果有就返回其值，否則檢查其原型對象是否有該屬性定義，如果有就返回其值，否則返回undefined。3.with語句的主要作用是什么？答：with語句的主要作用是建立一個語句塊，在其中可省略對象名來使用對象的屬性和方法。4.在瀏覽器中輸出10個[100,9999]返回內的隨機回文數字。答：參考代碼，源文件：05\test5-13.html5.在瀏覽器中實時顯示當前日期時間。答：參考代碼，源文件：05\test5-14.html第6章1.列舉幾個Window對象的子對象。答：Document、Location、Navigator、Screen、History等。2.Window對象和Document對象的open()方法有何區(qū)別？答：Window對象的open()方法用于打開窗口，Document對象的open()方法用于在窗口中打開文檔。3.請問讓瀏覽器原樣顯示JavaScript腳本輸出的內容？答：先執(zhí)行document.open('text/plain')，告訴瀏覽器打開的是普通文檔，不是HTML文檔，瀏覽器就不會解析文檔內容。4.請簡述表單的提交和重置事件。答：表單對象有兩個事件：（1）submit：表單提交事件，在單擊表單提交按鈕或調用表單對象的submit()方法時產生該事件。（2））reset：表單重置事件，在單擊表單重置按鈕或調用表單對象的reset()方法時產生該事件。在表單的提交和重置事件中，可通過返回false來阻止提交或重置。5.設計一個具有個位數加法、減法和乘法的隨機題目測試功能頁面。答：參考代碼，源文件：06\test6-21.html第7章1.AJAX主要包含哪些技術？答：主要涉及JavaScript、HTML、XML、DOM等客戶端網頁技術。2.簡述使用XMLHttpRequest對象來完成HTTP請求的基本過程。答：使用XMLHttpRequest對象來完成HTTP請求的基本步驟：（1）創(chuàng)建XMLHttpRequest對象；（2）設置readystatechange事件處理函數；（3）打開請求；（3）發(fā)送請求。3.簡述使用<script>來完成HTTP請求的基本原理。答：使用<script>來完成HTTP請求的基本過程：向頁面添加<script>標記，其src屬性設置為所請求的URL。在服務器端，URL返回的響應結果應該為客戶端定義的函數的調用，服務器處理結果作為參數參數。4.答：參考代碼，源文件：07\test7-8.html、test7-checklog.asp第8章1.jQuery主要功能有哪些？答：jQuery主要功能有：HTML元素選取、HTML元素操作、CSS操作、HTML事件函數、特效和動畫、HTMLDOM遍歷、AJAX和工具函數等。2.jQuery主要特點有哪些？答：jQuery主要特點有：簡潔、功能強大、兼容各種瀏覽器。3.如何在HTML文件中引入jQuery？答：在HTML文件中使用<script>標記引入jQuery。例如，引入本地jQuery庫：<scriptsrc="jquery-3.2.1.min.js"></script>或者，引入CDN上的jQuery庫：<scriptsrc="/jquery-3.2.1.js"></script>4.設計一個HTML頁面，使用jQuery在頁面打開時顯示“歡迎使用jQuery！”。答：參考代碼，源文件：08\test8-5.html第9章1.簡述jQuery()函數的主要作用。答：jQuery()函數使用選擇器和篩選器，從HTML文檔中選擇要操作的元素，函數將選中的元素封裝在jQuery對象中，通過jQuery對象的方法來操作HTML元素。如果選擇器和篩選器匹配多個HTML元素，則Query()函數返回的對象為封裝了HTML元素的jQuery對象對象數組。2.為何使用$(document).ready()來封裝jQuery腳本代碼？最佳做法是什么？答：這是因為在不同瀏覽器構建DOM有所區(qū)別，如果HTML文檔的DOM還未構造完成就訪問DOM節(jié)點，這會導致腳本出錯。.ready()函數在瀏覽器構建完DOM之后調用，從而保證腳本安全執(zhí)行。最佳做法是使用$(回調函數)來封裝jQuery腳本代碼。3.有哪些基礎選擇器？答：基礎選擇器有：ID選擇器、類名選擇器、元素選擇器、復合選擇器和通配符選擇器等。4.有哪些層級選擇器？答：層級選擇器有：祖孫選擇器、父子選擇器、相鄰節(jié)點選擇器和兄弟選擇器。5.請寫出選擇文本中包含“jQuery”的<div>元素的選擇器和過濾器。答：$('div:contains("jQuery")')第10章1.有下面的HTML代碼，請用一條jQuery腳本語句，將第一個<div>元素的內容顯示在第二個<div>元素中。<div><i>Python</i>基礎教程</div><div></div>答：$('div:last').text($('div:first').html())2.假設表單中有一個有序列表<ol>，請寫一段jQuery腳本，將列表中的選項按相反的順序排列。答：first=$('li:first')for(i=0;i<$('li').length-1;i++){first.before($('li:last'))}3.請說明jQuery中empty()方法和remove()方法的區(qū)別。答：empty()方法刪除匹配節(jié)點的所有子節(jié)點（包含文本子節(jié)點），但保留節(jié)點本身。remove()方法除了刪除所有子節(jié)點，還會刪除節(jié)點本身。4.請說明使用css()方法和addClass()方法設置CSS樣式屬性的區(qū)別。答：css()方法通過指定屬性名稱和屬性值來設置CSS樣式。addClass()方法需要先在樣式表中定義靜態(tài)的CSS樣式類，然后將類名作為方法參數，將樣式應用于匹配元素。第11章1.請說明jQuery事件對象的currentTarget和target屬性有何區(qū)別。答：jQuery事件對象的target屬性為事件冒泡過程中，最初發(fā)生事件的DOM對象。currentTarget為事件冒泡過程中，捕獲到事件的當前DOM對象。2.請說明jQuery事件對象的stopImmediatePropagation()和stopPropagation()方法有何區(qū)別。答：stopPropagation()方法阻止事件冒泡，即當前對象的父親及以上的DOM節(jié)點均不會接收到該事件。stopImmediatePropagation()在阻止事件冒泡的同時，還會阻止當前事件還未執(zhí)行的事件處理函數的執(zhí)行。3.假設頁面中有個ID為“btn1”的按鈕，請用兩種不同的方法處理按鈕click事件，在單擊按鈕時用alert對話框顯示“hellobtn1”。答：方法1：使用on()方法附加事件處理函數。$('#btn1').on('click',function(){alert('hellobtn1')})方法2：使用click()方法附加事件處理函數。$('#btn1').click(function(){alert('hellobtn1')})第12章1.用于表示動畫快慢的字符串分別有哪些？答：slow、normal、fast2.如何精確控制動畫效果時間？舉例說明。答：特效方法指定一個整數時間（單位為毫秒）作為參數時，精確設置動作的時間。例如：$('img').hide(5000)//5秒內完成隱藏3.說明finish()、stop()、和jQuery.fx.off的區(qū)別。答：finish()結束匹配元素正在執(zhí)行的動畫，將元素的相關CSS屬性設置為目標狀態(tài)。stop()停止匹配元素正在執(zhí)行的動畫，素的相關CSS屬性值當前動畫狀態(tài)。jQuery.fx.off設置為true時，停止頁面中的所有動畫，對應元素的相關CSS屬性設置為目標狀態(tài)。第13章1.總結load()方法有哪些基本特點。答：load()方法是jQuery最簡單的AJAX方法，其基本特點如下：（1）可直接將服務器端返回的數據加載到頁面指定的元素中。并可對返回的數據應用選擇器選擇最終顯示在頁面中的數據。（2）load()方法可指定請求的URL，同時可向服務器提交數據，并可指定成功完成AJAX請求時執(zhí)行的回調函數。（3）load()方法返回的數據中可包含腳本。在請求的URL參數中未包含選擇器時，返回的腳本可執(zhí)行；否則不執(zhí)行返回的腳本。（4）load()方法類似于$.get(url,data,success)方法。在未向服務器提交數據時，采用HTTPGET方法請求服務器；向服務器提交數據時，采用HTTPPOST方法請求服務器。2.說明jQuery在處理AJAX請求過程中可能發(fā)生哪些事件。答：jQuery在處理AJAX請求過程中可能發(fā)生事件包括：ajaxStart、beforeSend、ajaxSend、ajaxSuccess、error、ajaxError、complete、ajaxComplete和ajaxStop。3.向服務器提交數字1、2、3，分別返回“Java”、“JavaScript”和“jQ