響應(yīng)式網(wǎng)站建設(shè)中的html5知識點:DOM編程
DOM是文檔對象模型的縮寫,其中文名稱為文檔對象模型。
DOM是處理網(wǎng)頁的標(biāo)準(zhǔn)編程接口。JavaScript可以使用DOM來讀取和更改HTML的內(nèi)容和結(jié)構(gòu)。
前三個組件指的是超文本標(biāo)記語言、CSS和JavaScript,其中DOM是JavaScript最重要的組件。
1:我們?yōu)槭裁匆獙W(xué)習(xí)DOM?
1,DOM允許用戶與網(wǎng)頁元素交互
例如,當(dāng)我單擊一個按鈕時,會彈出一個對話框。
2,DOM可用于網(wǎng)絡(luò)游戲
例如,我們可以在流行的魔獸世界游戲中使用JavaScript來操作DOM。
3,DOM是ajax的重要基礎(chǔ)
例如,我們通過ajax獲得一些數(shù)據(jù),您需要DOM向用戶顯示這些數(shù)據(jù)。
2:這就是我們解釋DOM的方式
1,首先我們將解釋什么是DOM,它是前面提到的文檔對象模型。
DOM是處理超文本標(biāo)記語言的標(biāo)準(zhǔn)編程接口。JavaScript可以使用DOM來讀取和更改HTML的內(nèi)容和結(jié)構(gòu)。
2,將解釋什么是DOM樹
對象之間的
層次結(jié)構(gòu)。
3,這解釋了什么是DOM節(jié)點
根據(jù)W3C的超文本標(biāo)記語言標(biāo)準(zhǔn),超文本標(biāo)記語言文檔中的所有內(nèi)容都是一個節(jié)點:
整個文檔是一個文檔節(jié)點
每一個超文本標(biāo)記語言元素都是一個元素節(jié)點
超文本標(biāo)記語言元素中的文本是一個文本節(jié)點
每一個超文本標(biāo)記語言屬性都是一個屬性節(jié)點
注釋是注釋節(jié)點
4,會講解什么是事件驅(qū)動
即做了什么操作,執(zhí)行什么事件。
5,會講解什么是2級DOM
1級DOM、2級DOM、3級DOM分別指什么?怎樣實現(xiàn)。
6,會講解什么是事件流
會講解什么叫做事件冒泡,什么叫做事件捕獲,根據(jù)事件流的特點能實現(xiàn)什么功能,及如何阻止事件的傳播。
7,會講解什么是Event
Event 對象的屬性提供了有關(guān)事件的細(xì)節(jié)。
三:模擬畫筆案例
在網(wǎng)頁中,通過JavaScript操作DOM來模擬畫筆功能,比如鼠標(biāo)按下后,在屏幕中拖動,會形成痕跡,那么整個過程,就是在模擬畫筆。
福州友誠互聯(lián)網(wǎng),一家致力于福州網(wǎng)站建設(shè)的網(wǎng)站制作公司,為客戶提供小程序制作,促進(jìn)福州網(wǎng)絡(luò)全網(wǎng)推廣,準(zhǔn)確開發(fā)客戶等。歡迎訪問http://www.xingfubangke.cn