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