【javascript學習筆記】DOM介紹

DOM是document object model（ 文檔對象模型） 的縮寫。DOM 是 W3C（網際網路聯盟）的标準。熟悉開發的人員把html dom 可以了解為它是網頁的api,它将網頁中的元素看作是每個對象，是以網頁中的元素是可以被通過支援dom的語言擷取或者進行編編輯。例如我們常用的javascript來利用html dom來編寫網頁動态。

文檔  DOM中的“D”：Document（文檔）.如果沒有document（文檔），dom也就無從談起了，當我們建立一個網頁并加載到浏覽器時，dom就在幕後已經産生了，它把網頁文檔轉換成一個文檔對象。

對象 DOM中的“O”:Object(對象)。對象是一種自足的資料集合，javascript 語言中的對象可以分為三類：

      使用者自定義對象（user-defined object）：由程式員自行建立的對象。

      内建對象（native object）:内建在javascript語言裡的對象，如Array、Math和Date等。

      宿主對象（host object）:由浏覽器提供的對象。

模型  DOM中的"M"：Model（模型）

     它的是網頁的一種表現形式。dom的模型是以節點樹來表示。節點就是html中的每個元素（标簽）（屬性）（文本），如：<h1> <p> <div>标簽， <p>這就是一個文本節點</p>中的“這就是一個文本節點” 文本節點，<h1 title="h1">中的title屬性節點等。

DOM的工作模式：先加載文檔靜态内容，再動态重新整理，動态重新整理不影響文檔的靜态内容。這正是DOM的威力所在：對頁面内容進行重新整理确不需要在浏覽器裡重新整理頁面。

以上内容學至《javascript dom程式設計藝術第二版》，記錄下。

注：本部落格裡的學習筆記部分是部落客自己學習時所根據自己的情況所記錄的東西，看客看到如果對你有用雖好，看不懂的也不要怪意，完全是部落客個人學習所用。