第一章鏈接：初識(shí)JavaScript - 章節(jié)課后練習(xí)題及答案

第二章鏈接：JavaScript 基礎(chǔ)（上） - 章節(jié)課后練習(xí)題及答案?

第三章鏈接：JavaScript 基礎(chǔ)（下） - 章節(jié)課后練習(xí)題及答案

第四章鏈接：JavaScript 函數(shù) - 章節(jié)課后練習(xí)題及答案

第五章鏈接：JavaScript 對(duì)象 - 章節(jié)課后練習(xí)題及答案

第六章鏈接：DOM（上） - 章節(jié)課后練習(xí)題及答案

第七章鏈接：DOM（下） - 章節(jié)課后練習(xí)題及答案

第八章鏈接：BOM - 章節(jié)課后練習(xí)題及答案?

注：使用的是人民郵電出版社出版的《JavaScript+jQuery 交互式 Web 前端開發(fā)》書籍。

?一、填空題

??????? 1、通過______來獲取元素到設(shè)置了定位的父元素頂部的距離。

? ? ? ? 2、______用來獲取帶有定位的父元素。

? ? ? ? 3、offsetWidth包含padding、border、______的值。

二、判斷題

??????? 1、scrollTop和scrollLeft是獲取被滾動(dòng)出去的距離。（? ）

? ? ? ? 2、offset系列是只讀屬性。（? ）

? ? ? ? 3、style可以得到任意樣式表中的樣式值。（? ）

三、選擇題

??????? 1、以下關(guān)于offset系列屬性和style屬性的說法，正確的是（? ）。

????????????????A. 通過style屬性獲取到的樣式結(jié)果是字符串型，通過offset系列獲取到的屬性值是數(shù)字型

????????????????B. offset系列屬性和style屬性一樣，都可以獲取到元素的行內(nèi)樣式

????????????????C. style屬性只能獲取元素的行內(nèi)樣式，offset系列屬性能獲取到元素的所有樣式

????????????????D. 以上說法都不正確

? ? ? ? 2、下列關(guān)于offsetWidth和offsetHeight的說法，正確的是（? ）。

????????????????A. 這兩個(gè)屬性用來表示內(nèi)容的大小，不包括邊框和內(nèi)邊距

????????????????B．通過offsetWidth可以設(shè)置元素的寬度

????????????????C. 這兩個(gè)屬性值的結(jié)果是字符串類型的數(shù)據(jù)，默認(rèn)單位是px

????????????????D. 這兩個(gè)屬性是只讀屬性

????????3、下列關(guān)于offsetParent的說法，正確的是（? ）。

????????????????A. offsetParent獲取到的是元素的父元素

????????????????B. offsetParent屬性和parentNode屬性的含義一樣

????????????????C. offsetParent屬性用來獲取離這個(gè)元素最近的絕對(duì)定位父元素

????????????????D. 以上說法都錯(cuò)誤

四、簡(jiǎn)答題

? ? ? ? 1、請(qǐng)簡(jiǎn)述offset系列屬性有哪些。

????????2、請(qǐng)簡(jiǎn)述offset和style的區(qū)別。

? ? ? ? 3、請(qǐng)簡(jiǎn)述offsetParent和parentNode的區(qū)別。

參考答案：

一、填空題

????????1、offsetTop

? ? ? ? 2、offsetParent

? ? ? ? 3、內(nèi)容區(qū)域的寬度（width）

二、判斷題

????????1、對(duì) ?????? 2、對(duì) ???? 3、錯(cuò)

三、選擇題

????????1、ABC? ? ? ? 2、D ?????? 3、D

四、簡(jiǎn)答題

? ? ? ? 1、請(qǐng)簡(jiǎn)述offset系列屬性有哪些。

????????????????offsetLeft：返回元素相對(duì)帶有定位父元素左邊框的偏移。

????????????????offsetTop：返回元素相對(duì)帶有定位父元素上方的偏移。

???????????????offsetWidth：返回自身的寬度（包括padding、邊框和內(nèi)容區(qū)域的寬度），注意返回?cái)?shù)值不帶單位。

????????????????offsetHeight：返回自身的高度（包括padding、邊框和內(nèi)容區(qū)域的高度），注意返回?cái)?shù)值不帶單位。

????????????????offsetParent：返回作為該元素帶有定位元素的父級(jí)元素（如果父級(jí)都沒有定位則返回body）。

? ? ? ? 2、請(qǐng)簡(jiǎn)述offset和style的區(qū)別。

????????????????offset可以得到任意樣式表中的樣式值，而style只能得到行內(nèi)樣式表中的樣式值。

????????????????offset系列獲得的數(shù)值是沒有單位的，而style.width獲得的是帶有單位的字符串。

???????????offsetWidth包含padding、border、width的值，而style.width獲得的是不包含padding、border的值。

????????????????offsetwidth等屬性是只讀屬性，只能獲取不能賦值，而style.width是可讀寫屬性，可以獲取也可以賦值。

? ? ? ? 3、請(qǐng)簡(jiǎn)述offsetParent和parentNode的區(qū)別。

????????????????offsetParent：返回作為該元素帶有定位元素的父級(jí)元素（如果父級(jí)都沒有定位則返回body）。

????????????????parentNode:用來返回某個(gè)指定節(jié)點(diǎn)的父節(jié)點(diǎn)。文章來源地址http://www.zghlxwxcb.cn/news/detail-497811.html

到了這里，關(guān)于九、JavaScript網(wǎng)頁特效 - 章節(jié)課后練習(xí)題及答案的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！