響應式網站建設中的html5知識點:DOM編程
DOM是文檔對象模型的縮寫,其中文名稱為文檔對象模型。
DOM是處理網頁的標準編程接口。JavaScript可以使用DOM來讀取和更改HTML的內容和結構。
前三個組件指的是超文本標記語言、CSS和JavaScript,其中DOM是JavaScript最重要的組件。
1:我們為什么要學習DOM?
1,DOM允許用戶與網頁元素交互
例如,當我單擊一個按鈕時,會彈出一個對話框。
2,DOM可用于網絡游戲
例如,我們可以在流行的魔獸世界游戲中使用JavaScript來操作DOM。
3,DOM是ajax的重要基礎
例如,我們通過ajax獲得一些數據,您需要DOM向用戶顯示這些數據。
2:這就是我們解釋DOM的方式
1,首先我們將解釋什么是DOM,它是前面提到的文檔對象模型。
DOM是處理超文本標記語言的標準編程接口。JavaScript可以使用DOM來讀取和更改HTML的內容和結構。
2,將解釋什么是DOM樹
對象之間的
層次結構。
3,這解釋了什么是DOM節點
根據W3C的超文本標記語言標準,超文本標記語言文檔中的所有內容都是一個節點:
整個文檔是一個文檔節點
每一個超文本標記語言元素都是一個元素節點
超文本標記語言元素中的文本是一個文本節點
每一個超文本標記語言屬性都是一個屬性節點
注釋是注釋節點
4,會講解什么是事件驅動
即做了什么操作,執行什么事件。
5,會講解什么是2級DOM
1級DOM、2級DOM、3級DOM分別指什么?怎樣實現。
6,會講解什么是事件流
會講解什么叫做事件冒泡,什么叫做事件捕獲,根據事件流的特點能實現什么功能,及如何阻止事件的傳播。
7,會講解什么是Event
Event 對象的屬性提供了有關事件的細節。
三:模擬畫筆案例
在網頁中,通過JavaScript操作DOM來模擬畫筆功能,比如鼠標按下后,在屏幕中拖動,會形成痕跡,那么整個過程,就是在模擬畫筆。
福州友誠互聯網,一家致力于福州網站建設的網站制作公司,為客戶提供小程序制作,促進福州網絡全網推廣,準確開發客戶等。歡迎訪問http://www.simple-vegetarian-recipes.com
- 上一篇:建立營銷網站時,你最容易忽略的是什么?
- 下一篇:網站建設中的表單的提交