中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

DOM文檔對象模型的知識點有哪些

發布時間:2022-08-05 16:21:38 來源:億速云 閱讀:153 作者:iii 欄目:web開發

這篇文章主要介紹了DOM文檔對象模型的知識點有哪些的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇DOM文檔對象模型的知識點有哪些文章都會有所收獲,下面我們一起來看看吧。

DOM文檔對象模型的知識點有哪些

  • D:document 文檔 瀏覽器加載的頁面

  • O:object 對象 頁面及頁面中的任何元素都是對象

  • M:module 模型 頁面中的元素的組織形式

DOM被W3C組織設計為一種平臺無關、語言無關的API,程序或腳本通過其動態訪問、修改文檔的內容、樣式、結構。

DOM是web 瀏覽器的運行規范,javascript借助DOM成就了其web標準語言的地位,在web領域實現了所謂“一次編寫到處運行”的目標。

文檔對象模型(Document Object Model,DOM)是一種用于HTML和XML文檔的編程接口。它給文檔提供了一種結構化的表示方法,可以改變文檔的內容和呈現方式。我們最為關心的是,DOM把網頁和腳本以及其他的編程語言聯系了起來。

腳本開發人員可以通過文檔對象的屬性、方法和事件來掌控、操縱和創建動態的網頁元素。每一個網頁元素(一個HTML標簽)都對應著一個對象(object,所謂“對象”,用白話說就是“東西”。object這個詞在臺灣通常翻譯成“物件”)。網頁上的標簽是一層層嵌套的,最外面的一層是<HTML>,文檔對象模型也這樣一層層嵌套著,但是通常被理解成一棵樹的形狀。樹根是window或document對象,相當于最外層的標簽的外圍,也就是整個文檔。樹根之下(這棵樹的圖通常是倒著畫,就好像遺傳譜系或者家譜那樣。樹根就是唯一的共同祖先)是子一級的對象,子對象也有它自己的子對象,除了根對象以外,所有的對象都有自己的父對象,同一對象的子對象之間就是兄弟的關系。

在這種由“父子兄弟”組成的“單性繁殖家族圖譜樹”框架結構中,每個網頁元素都可以被確切地定位。文檔對象模型把整張網頁組織成這樣的一個樹狀的結構,樹結構中的每一個元素都被視為一個節點(node)。包括JavaScript在內的各種編程語言都可以通過文檔對象模型來訪問和改變網頁的各種細節。

萬維網協會(World Wide Web Consortium,W3C)已經給文檔對象模型制定了一系列標準,并且正在制定更多的相關標準。當代的瀏覽器除支持其中的一部分標準之外,還支持某些早在W3C標準制定以前就流行了的歷史既成的編程接口。也就是說現在瀏覽器使用的技術歷史由來紛繁復雜,有些人們普遍使用的DOM技術并無標準可依。

我們將深入所有通用DOM的細節(包括IE瀏覽器中“與眾不同”的某些技術),以全面掌握面向實踐的技術。

DOM和JavaScript

人們在習慣上不愛說DOM,要么就說JavaScript,要么就扯到“Ajax”(一度火爆的“概念”,最近剛剛有所降溫,一如上世紀末的“DHTML”那樣。對于這些熱點詞匯的產生,我個人感到非常欣慰,因為每一次都帶來人們對JavaScript技術的熱捧。下一個熱點詞匯是什么?也許我們可以炮制一個也說不定……Pseudo-Mashup,如何?)。

我們用JavaScript對網頁進行的所有操作都是通過DOM進行的。DOM屬于瀏覽器,而不是JavaScript語言規范里的規定的核心內容,所以如果你下載一個JavaScript語言的參考幫助文檔來查的話,就連婦孺皆知的document.write方法也找不到。

主要的接口有:

Node接口:它是文檔中節點的基類型。定義了基本的訪問和改變文檔結構的方法。

Document接口:它代表整個文檔。可創建文檔中的各種節點(元素、注釋、處理指令等),創建的節點中帶有一個OwnerDoculnent屬性表示創建它們的Document對象。

DocumentFragment接口:它代表文檔樹的子樹,相當一個小型文檔。

Attr接口:它代表元素節點的屬性。有意思的是它并不認為是該元素節點的子節點,不構成DOM樹的一部分。同時也不是DocumentFragment節點的直接子節點。

CharacterData接口:它維護了DOMsitrgn字符串并提供讀寫操作的接口。但不直接對應文檔的某種類型節點。

Text接口:它從CharacterData繼承而來。代表元素或屬性的一段連續的文本內容。它有一個派生的接口CDATAsection,目的是:CDATASeciton節點的內容將不會作任何轉化;使用Node中的nomraliez方法時相鄰的Text節點會合并成一個節點,但使用CDATASeciton可避免合并。

Comment接口:它也從CharacterData繼承而來。代表注釋中的文本內容。

NodeList接口:用于管理有序的節點集。

Entity接口:它代表實體;EntityReference代表實體的引用。

NamedNodeMap接口:用于管理無序的節點集。

DOMImplementation接口:它提供與DOM模型的實例無關的接口。CreateDocument可創建一個Document對象;haseFature可判斷DOM實現是否支持某一模塊。

Notation接口:它代表文檔中的符號定義。

ProcessingInstruction接口:它代表處理指令。

DOMException接口:異常處理。由于程序中的邏輯錯誤、數據丟失或DOM實現本身不穩定引起的錯誤。在程序處理過程中,由方法返回一個錯誤值。接口之間的繼承關系可參看圖。

DOM文檔對象模型的知識點有哪些

關于“DOM文檔對象模型的知識點有哪些”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“DOM文檔對象模型的知識點有哪些”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

dom
AI

修文县| 齐齐哈尔市| 平乡县| 轮台县| 曲松县| 织金县| 公安县| 永康市| 保定市| 正定县| 定边县| 项城市| 抚顺市| 荔浦县| 调兵山市| 双峰县| 钦州市| 英德市| 济南市| 东源县| 若尔盖县| 竹北市| 牡丹江市| 汨罗市| 科尔| 宾川县| 鲁山县| 昌邑市| 临夏县| 固原市| 渝中区| 炎陵县| 罗定市| 连平县| 安龙县| 竹溪县| 上虞市| 赫章县| 辛集市| 荥经县| 延安市|