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的支持。