JavaScript之BOM和DOM概念介绍

---

一、BOM

BOM是Browser Object Model的简写，即浏览器对象模型。
将浏览器抽象成一个对象——》window 同时封装了一些属性和方法
有了BOM之后，就可以控制浏览器的行为。
BOM的顶层是window对象

二、DOM

DOM是Document Object Model的简写，即文档对象模型。
DOM用于XHTML、XML文档的应用程序接口(API)。
将浏览器当前打开的文件抽象成对象——document
将文档解析成一个document对象，属性结构的对象
通过该对象可以达到修改页面文档内容的效果
DOM的顶层是document对象

三、DOM和BOM的关系

BOM编程就是把整个浏览器抽象成一个对象(window),
这个对象中有很多的属性和方法,访问这些属性或者调用这些方法就可以控制浏览器作出…行为

DOM编程就是把浏览器当前页面对应的文档抽象成一个对象(document),这个对象中有很多关于操作文档的一些属性和方法,访问这些属性和方法的时候,我们就可以通过代码动态控制页面上显示的内容

BOM 是为了操作浏览器出现的 API，window 是其根对象。

DOM 是为了操作文档出现的 API，document 是其根对象。