一， DOM 介绍

1.2 什么是DOM

文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理[可扩展标记语言]（html或者xhtml）的标准编程接口。
W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。
DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。

1.2 DOM树

1550731974575.png

DOM树 又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。

• 文档：一个页面就是一个文档，DOM中使用document表示
• 节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示

• 标签节点：网页中的所有标签，通常称为元素节点，又简称为“元素”，使用element表示

  
  1550732362134.png

二，BOM 介绍

2.1 什么是BOM

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。
BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。
BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。

1551319264407.png

2.2 BOM的构成

BOM 比 DOM 更大，它包含 DOM。

3.png

2.3. 顶级对象window

9.png