BOM和DOM

Posted 2020-06-18 GOFighting

如果你不知道BOM，那你应该知道DOM。

DOM：(Document Object Model) 文档对象模型。

BOM：(Browser Object Mode) 浏览器对象模型。

从上面的对比中，可以很清晰的看出，BOM与DOM的最大区别既是B(Browser)和D(Document)的区别，那Browser和Document有什么差别呢，从下面的一张图上看，DOM的根节点是document。经常编写javascript代码，也许你会想到window对象，为啥DOM里面没有window，这就是BOM与DOM的区别了，window是JavaScript的顶端对象之一，它是隶属于浏览器层次的，它独立于文档内容与浏览器之间。
BOM解析：

1. BOM是browser object model的缩写，简称浏览器对象模型
2. BOM提供了独立于内容而与浏览器窗口进行交互的对象
3. 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
4. BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
5. BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
6. BOM最初是Netscape浏览器标准的一部分

BOM结构图
window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。

由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象，例如下面两行代码是一样的：

1. document.write("test");
2. window.document.write("test");