DOM和BOM的区别

DOM和BOM的区别

我们都指代，javascript由三个部分组成：

• ECMAScript：描述了JS的语法和基本对象
• BOM(浏览器对象)：与浏览器交互的方法和对象
• DOM(文档对象模型)：处理网页内容的方法和接

ps：根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他浏览器风格迥异；

1.DOM

• DOM是文档对象模型，它指的是把文档当作一个对象来对待，这个对象主要定义了处理网页的内容和接口

2.BOM

• BOM是浏览器对象模型，它指的是将浏览器当作一个对象来对待，这个对象主要定义了与浏览器进行交互的方法和接口；
• BOM的核心是window，而window对象具有双重角色，它既是js访问浏览器窗口的一个接口，又是一个全局对象（Global）；
• 这就意味着网页中定义的任何对象、变量和函数，都会作为全局对象的一个属性或者方法存在；

3.使用标准

1）DOM是W3C的标准，所有浏览器公共遵守的标准
2）BOM是各个浏览器厂商根据DOM在各自浏览器上的实现（表现为不同浏览器定义有差别，实现方式不同）
3）window为BOM对象，而非js对象

4.包含属性：

BOM： location、navigato、document
DOM：document也是BOM的window的子对象；
PS：DOM的最根本的对象是BOM的window对象的子对象

5. DOM与BOM基本操作思维导图

5.1DOM（DOM基本操作思维导图）

5.2 BOM（window对象思维导图）

参考文章：
https://zhuanlan.zhihu.com/p/50308105