DOM與BOM的區別

1.DOM(Document Object Model---文檔對象模型)

DOM就是針對HTML和XML提供的一個API。就是爲了操做html中的元素。是爲操做文檔出現的接口

咱們把html看作一個對象樹(DOM樹)，以下結構

DOM的做用：就是爲了操做html中的元素

document:便是html，document只是DOM樹中的一個節點(node)。

在一個瀏覽器中可能有多個document，例如，經過iframe加載的頁面，每個都是一個document。

2.BOM(Browser Object Model---瀏覽器對象模型)

控制瀏覽器的行爲的接口

瀏覽器操做：跳轉，前進，後退，獲取屏幕大小，分辨率...

例如跳轉到另一個頁面

location.href="http://www.baidu.com";

DOM是爲了操做文檔出現的API，document就是其中的一個對象

BOM是爲了操做瀏覽器出現的API，window就是其中的一個對象

爲了通俗易懂，附上下圖

歸屬DOM區域的

E區：就是document

歸屬BOM區域的

A區：瀏覽器的標籤頁，地址欄，搜索欄，書籤欄，窗口放大還原關閉按鈕，菜單欄等等

B區：瀏覽器的右鍵菜單

C區：document加載時的狀態欄，顯示http狀態碼等

D區：滾動條

 

原文：https://www.zhihu.com/question/33453164