DOM與BOM

DOM

1.概念起源：

　　文檔對象模型（Document Object Model，簡稱DOM），是W3C組織推薦的處理可擴展標志語言的標準編程接口。在網頁上，組織頁面（或文檔）的對象被組織在一個樹形結構中，用來表示文檔中對象的標準模型就稱為DOM。Document Object Model的歷史可以追溯到1990年代后期微軟與Netscape的“瀏覽器大戰”，雙方為了在JavaScript與JScript一決生死，于是大規模的賦予瀏覽器強大的功能。微軟在網頁技術加入了不少哦專屬事務，既有VBScript、ActiveX、以及微軟自身的DHTML格式等，使不少網頁使用非微軟平臺及瀏覽器無法正常顯示。DOM即是當時醞釀出來的杰作。

2.方法：

　　通過使用getElementByld()和getElementsByTagName()方法

　　通過使用一個元素節點的parentNode、firstChild以及lastChild屬性

　　getElementByld()和getElmementsTagName()這兩種方法，可查找整個HTML文檔中的任何HTML元素。

　　　這兩種方法會忽略文檔的結構。這兩種方法會向你提供任何你所需要的HTML元素，不論他們在文檔中所處的位置。

　　getElementByld()可通過指定的ID來返回元素：

　　getElementByld()語法

document.getElementByld("ID");注釋：getElementByld()無法工作在XML中。在XML文檔中，你必須通過擁有類型id的屬性來進行搜索，而此類型必須在XMLDTD中進行聲明。

　　getElementsByTagName()方法會使用指定的標簽名返回所有的元素（作為一個節點列表），這些元素是你在使用

此方法時所處的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素：

getElementsByTagName() 語法

document.getElementsByTagName("標簽名稱");或者：

document.getElementById('ID').getElementsByTagName("標簽名稱");

3.內容：

4.應用：處理可擴展標志語言

DOM即文檔對象模型，是W3C制定的標準接口規范，是一種處理HTML和XML文件的標準API。DOM提供了對整個文檔的訪問模型，將文檔作為一個樹形結構，樹的每個結點表示了一個HTML標簽或標簽內的文本項。DOM樹結構精確地描述了HTML文檔中標簽間的相互關聯性。將HTML或XML文檔轉化為DOM樹的過程稱為解析(parse)。HTML文檔被解析后，轉化為DOM樹，因此對HTML文檔的處理可以通過對DOM樹的操作實現。DOM模型不僅描述了文檔的結構，還定義了結點對象的行為，利用對象的方法和屬性，可以方便地訪問、修改、添加和刪除DOM樹的結點和內容。

 BOM

 1.概念起源：

BOM（Byte Order Mark），字節順序標記，出現在文本文件頭部，Unicode編碼標準中用于標識文件是采用哪種格式的編碼。

BOM —— Byte Order Mark，中文名譯作“字節順序標記”。在這里找到一段關于 BOM 的說明：

在UCS 編碼中有一個叫做 "Zero Width No-Break Space" ，中文譯名作“零寬無間斷間隔”的字符，它的編碼是 FEFF。而 FFFE 在UCS 中是不存在的字符，所以不應該出現在實際傳輸中。UCS 規范建議我們在傳輸字節流前，先傳輸字符 "Zero Width No-Break Space"。這樣如果接收者收到 FEFF，就表明這個字節流是 Big-Endian 的；如果收到FFFE，就表明這個字節流是 Little- Endian 的。因此字符 "Zero Width No-Break Space" （“零寬無間斷間隔”）又被稱作 BOM。

2.方法：

在JavaScript中對象之間并不是獨立存在的，對象與對象之間有著層次關系。如Document對象是Window對象的子對象，Window對象是Document對象，它表示整個瀏覽器窗口。

Document對象

Document對象：該對象代表瀏覽器窗口中所加載的文檔。使用Document對象可以操作文檔中的內容。在整個BOM中，只有Document對象是與HTML文檔的內容相關的。

Frames數組：該數組代表瀏覽器窗口中的框架。HTML中允許將一個瀏覽器窗口分為多個框架，每個框架中可以加載一個HTML文檔。在這種框架頁中，每一個框架都是Frames數組中的一個元素。而Frames數組中的每一個元素都是一個Window對象。

History對象：該對象代表當前瀏覽器窗口的瀏覽歷史。通過該對象可以將當前瀏覽器窗口中的文檔前進或后退到某一個已經訪問過的URL（統一資源定位符）。

Location對象：該對象代表當前文檔的URL。URL分為幾個部分，如協議部分、主機部分、端口部分等。使用Location對象可以分別獲得這些部分，并且可以通過修改這些部分的值來加載一個新文檔。

Navigator對象：該對象是瀏覽器對象，代表了瀏覽器的信息。該對象與Window對象不同，Window對象可以用于控制瀏覽器窗口的一些屬性，如瀏覽器窗口大小、位置等。而Navigator對象包含的是瀏覽器的信息，如瀏覽器的名稱、版本號等。

Screen對象：該對象代表當前顯示器的信息。使用Screen對象可以獲得用戶顯示器的分辨率、可用顏色數量等信息。

3.內容：

4.應用：

BOM是browser object model的縮寫，簡稱瀏覽器對象模型，它的作用有：

1. 彈出新的瀏覽器窗口、移動、關閉瀏覽器窗口及調整窗口大小；

2. 提供WEB瀏覽器詳細信息的導航對象；

3. 提供裝載到瀏覽器中頁面的詳細信息的定位對象；

4. 提供用戶屏幕分辯率詳細信息的屏幕對象；

5. 對cookie的支持。