2020-04-25 分類: 響應式網站
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.newbst.com/news/81990.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有響應式網站等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容