• 概念：

1.BOM（Browser Object Model）：

瀏覽器對象模型，從名字上就能知道它和瀏覽器關系密切。瀏覽器的很多行為是通過JavaScript控制的，例如打開新窗口、打開關閉標簽頁、把網頁設為主頁或添加到收藏夾等等，這些功能的實現實質上就是對BOM的操作，BOM就是由一系列獨立于內容而與瀏覽器窗口進行交互的對象構成的。

2.DOM（Document Object Model）：

文檔對象模型，它和文檔有關，這里的文檔指的是網頁。網頁是由服務器發送給客戶端瀏覽器的，無論用什么瀏覽器，接收到的HTML都是一樣的，所以DOM和瀏覽器無關，它關注的是網頁本身的內容。DOM定義了一系列對象，用于訪問、操縱和創建文檔中的內容、結構、樣式以及行為。當更改頁面內容時，JavaScript就通過DOM來獲得對文檔（ HTML、XHTML 以及 XML 文檔）中所有元素進行訪問的入口，以及對元素進行添加、移動、改變或移除的方法和屬性。

• 聯系與區別：

1.BOM和DOM都是由一系列的對象構成，對象有屬性和方法，javascript通過操縱這些對象來實現具體的功能。

2.Javascript由ECMAScript和BOM組成，BOM中包含DOM。其中ECMAScript描述了該語言的語法和基本對象，

? BOM描述與瀏覽器進行交互的方法和接口，DOM描述處理網頁內容的方法和接口。

3.BOM沒有標準，DOM的標準是W3C（萬維網聯盟），JavaScript語法的標準化組織是ECMA。

4.BOM的根本對象是window對象，它表示整個瀏覽器窗口，但不表示其中包含的內容。DOM的根本對象是

? document對象，它實際上是window對象的屬性。document是一個既屬于BOM又屬于DOM的對象。

? 理解了BOM和DOM以及它們與javascript的關系后，感覺腦子中的一大片霾退散了，“盲人摸象”又有了新進展。javascript是一種基于對象和事件驅動的語言，有了BOM和DOM中定義的對象，就可以通過改變對象的屬性、執行對象的方法來實現現實世界中的具體功能了，這與之前開發C/S項目是一樣的。

總結

以上是生活随笔為你收集整理的BOM与DOM的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。