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

DOM是處理HTML頁面的標準編程接口，DOM可被JavaScript用來讀取、改變HTML的內容和結構。

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

一：我們為什么要學習DOM呢？

1，DOM可以讓用戶對網頁元素進行交互操作

比如，當我點擊了一個按鈕，彈出一個對話框等操作。

2，DOM可以用來做網頁游戲

比如，現在比較流行的魔獸世界這種游戲，我們完全可以拿JavaScript操作DOM來實現。

3，DOM是ajax的重要基礎

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

二：我們是這么講解DOM的

1，首先我們會講解什么是DOM，就是之前說的文檔對象模型

DOM是處理HTML的標準編程接口，DOM可被JavaScript用來讀取、改變HTML的內容和結構。

2，會講解什么是DOM樹

對象與對象間的層次結構。

3，會講解什么是DOM節點

根據 W3C 的 HTML DOM 標準，HTML 文檔中的所有內容都是節點：

整個文檔是一個文檔節點

每個 HTML 元素是元素節點

HTML 元素內的文本是文本節點

每個 HTML 屬性是屬性節點

注釋是注釋節點

4，會講解什么是事件驅動

即做了什么操作，執行什么事件。

5，會講解什么是2級DOM

1級DOM、2級DOM、3級DOM分別指什么？怎樣實現。

6，會講解什么是事件流

會講解什么叫做事件冒泡，什么叫做事件捕獲，根據事件流的特點能實現什么功能，及如何阻止事件的傳播。

7，會講解什么是Event

Event 對象的屬性提供了有關事件的細節。

三：模擬畫筆案例

在網頁中，通過JavaScript操作DOM來模擬畫筆功能，比如鼠標按下后，在屏幕中拖動，會形成痕跡，那么整個過程，就是在模擬畫筆。

網頁標題：響應式網站建設中的html5知識點：DOM編程
文章URL：http://m.2m8n56k.cn/news/81990.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有響應式網站等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯