HTML DOM 定義了訪問和操作 HTML 文檔的標(biāo)準方法。 DOM 以樹結(jié)構(gòu)表達 HTML 文檔。
認識HTML DOM:
DOM是Document Object Model文檔對象模型的縮寫,是W3C組織推薦的處理可擴展標(biāo)志語言的標(biāo)準編程接口。根據(jù)W3C DOM規(guī)范,DOM是一種與瀏覽器,平臺,語言無關(guān)的接口,使得你可以訪問頁面中其他的標(biāo)準組件。簡單理解,DOM解決了Netscape的JavaScript和 Microsoft的JavaScript之間的沖突,給予web設(shè)計師和開發(fā)者一個標(biāo)準的方法,讓他們來訪問他們站點中的數(shù)據(jù)、腳本和表現(xiàn)層對象。
DOM是以層次結(jié)構(gòu)組織的節(jié)點或信息片斷的集合。這個層次結(jié)構(gòu)允許開發(fā)人員在樹中導(dǎo)航尋找特定信息。分析該結(jié)構(gòu)通常需要加載整個文檔和構(gòu)造層次結(jié)構(gòu),然后才能做任何工作。由于它是基于信息層次的,因而 DOM 被認為是基于樹或基于對象的。
HTML DOM 定義了訪問和操作HTML文檔的標(biāo)準方法。
HTML DOM 把 HTML 文檔呈現(xiàn)為帶有元素、屬性和文本的樹結(jié)構(gòu)(節(jié)點樹)。
教程結(jié)構(gòu)概述:
本教程共由13個小節(jié)構(gòu)成,詳細講述了HTML DOM的基礎(chǔ)使用方法并附帶了大量可在線試運行的實例輔助您的學(xué)習(xí),讓您輕松掌握HTML DOM。
本教程包含:
10、HTML DOM 事件
13、DOM 實例
HTML DOM的發(fā)展及學(xué)習(xí)前的準備:
Document Object Model的歷史可以追溯至1990年代后期微軟與Netscape的“瀏覽器大戰(zhàn)”,雙方為在JavaScript與JScript一決生死,于是大規(guī)模的賦予瀏覽器強大的功能。微軟在網(wǎng)頁技術(shù)上加入了不少專屬事物,計有VBScript、ActiveX、以及微軟自家的DHTML格式等,使不少網(wǎng)頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當(dāng)時蘊釀出來的杰作。
在 1998 年,W3C 發(fā)布了第一級的 DOM 規(guī)范。這個規(guī)范允許訪問和操作 HTML 頁面中的每一個單獨的元素。所有的瀏覽器都執(zhí)行了這個標(biāo)準,因此,DOM 的兼容性問題也幾乎難覓蹤影了。
在您開始學(xué)習(xí)HTML DOM之前,您應(yīng)該對以下知識有基本的了解:
《HTML 教程》
《CSS 教程》
在本教程中,你將學(xué)習(xí)如何通過文檔對象模型(DOM)更有效率地操作HTML,而無需DOM操作庫的幫助。教程中的代碼示例,用演示多種節(jié)點對象的工作方式,帶你領(lǐng)略現(xiàn)代DOM理念。
HTML DOM的優(yōu)缺點:
優(yōu)點:
易用性強,使用DOM時,將把所有的XML文檔信息都存于內(nèi)存中,并且遍歷簡單,支持XPath,增強了易用性。
缺點:
效率低,解析速度慢,內(nèi)存占用量過高,對于大文件來說幾乎不可能使用。另外效率低還表現(xiàn)在大量的消耗時間,因為使用DOM進行解析時,將為文檔的每個element、attribute、processing-instrUCtion和comment都創(chuàng)建一個對象,這樣在DOM機制中所運用的大量對象的創(chuàng)建和銷毀無疑會影響其效率。
相關(guān)網(wǎng)址:
HTML DOM 參考手冊:http://hgci.cn/jsref/jsref-tutorial.html
W3C 中文網(wǎng):http://www.chinaw3c.org/
W3C 官網(wǎng):https://www.w3.org/
除了本教程,您還可以在w3cschool上學(xué)習(xí):