DOM是Document Object Model的縮寫，中文名稱是文檔對(duì)象模型。

DOM是處理HTML頁(yè)面的標(biāo)準(zhǔn)編程接口，DOM可被JavaScript用來(lái)讀取、改變HTML的內(nèi)容和結(jié)構(gòu)。

前端三大件指HTML、CSS、JavaScript，其中JavaScript最重要的組成部分就是DOM。

一：我們?yōu)槭裁匆獙W(xué)習(xí)DOM呢？

1，DOM可以讓用戶對(duì)網(wǎng)頁(yè)元素進(jìn)行交互操作

比如，當(dāng)我點(diǎn)擊了一個(gè)按鈕，彈出一個(gè)對(duì)話框等操作。

2，DOM可以用來(lái)做網(wǎng)頁(yè)游戲

比如，現(xiàn)在比較流行的魔獸世界這種游戲，我們完全可以拿JavaScript操作DOM來(lái)實(shí)現(xiàn)。

3，DOM是ajax的重要基礎(chǔ)

比如，我們通過(guò)ajax獲取了一些數(shù)據(jù)，你要顯示給用戶，這就需要用到DOM了。

二：我們是這么講解DOM的

1，首先我們會(huì)講解什么是DOM，就是之前說(shuō)的文檔對(duì)象模型

DOM是處理HTML的標(biāo)準(zhǔn)編程接口，DOM可被JavaScript用來(lái)讀取、改變HTML的內(nèi)容和結(jié)構(gòu)。

2，會(huì)講解什么是DOM樹(shù)

對(duì)象與對(duì)象間的層次結(jié)構(gòu)。

3，會(huì)講解什么是DOM節(jié)點(diǎn)

根據(jù) W3C 的 HTML DOM 標(biāo)準(zhǔn)，HTML 文檔中的所有內(nèi)容都是節(jié)點(diǎn)：

整個(gè)文檔是一個(gè)文檔節(jié)點(diǎn)

每個(gè) HTML 元素是元素節(jié)點(diǎn)

HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)

每個(gè) HTML 屬性是屬性節(jié)點(diǎn)

注釋是注釋節(jié)點(diǎn)

4，會(huì)講解什么是事件驅(qū)動(dòng)

即做了什么操作，執(zhí)行什么事件。

5，會(huì)講解什么是2級(jí)DOM

1級(jí)DOM、2級(jí)DOM、3級(jí)DOM分別指什么？怎樣實(shí)現(xiàn)。

6，會(huì)講解什么是事件流

會(huì)講解什么叫做事件冒泡，什么叫做事件捕獲，根據(jù)事件流的特點(diǎn)能實(shí)現(xiàn)什么功能，及如何阻止事件的傳播。

7，會(huì)講解什么是Event

Event 對(duì)象的屬性提供了有關(guān)事件的細(xì)節(jié)。

三：模擬畫筆案例

在網(wǎng)頁(yè)中，通過(guò)JavaScript操作DOM來(lái)模擬畫筆功能，比如鼠標(biāo)按下后，在屏幕中拖動(dòng)，會(huì)形成痕跡，那么整個(gè)過(guò)程，就是在模擬畫筆。

網(wǎng)頁(yè)標(biāo)題：響應(yīng)式網(wǎng)站建設(shè)中的html5知識(shí)點(diǎn)：DOM編程
文章URL：http://www.rwnh.cn/news/81990.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有響應(yīng)式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)