【JavaScript】DOM和BOM介绍

1.认识DOM和BOM

window的全局对象，window上事实上就包含了这些内容：

• JavaScript语法部分的Object、Array、Date等；

• 另外还有DOM、BOM部分

1.1◼ DOM：文档对象模型（Document Object Model）

简称 DOM，将页面所有的内容表示为可以修改的对象；

1.2 ◼ BOM：浏览器对象模型（Browser Object Model）

简称 BOM，由浏览器提供的用于处理文档（document）之外的所有内容的其他对象；
比如navigator、location、history等对象；

2. DOM（文档对象模型）

DOM，全称Document Object Model 文档对象模型

2.1 作用

JS中通过DOM来对HTML文档进行操作。

2.2 定义：

1. 文档 ：文档表示的就是整个的HTML网页文档。 一个页面就是一个文档
2. 对象：一个网页里面有很多东西，有标签，有属性，有文本，各种各样的东西，对象表示将网页中的每一个部分都转换为了一个对象。h1是个对象，h1里面的aaa是一个对象，body标签是一个对象，注释也是一个对象。转换成对象有什么好处，转换成对象后，就可以以面向对象的方法操作对象。
3. 模型：对象多了，不好管理。使用模型来表示对象（节点和节点）之间的关系，这样方便我们获取对象。在html结构中，最终会形成一个树结构；我们称之为DOM Tree.

总结：
浏览器将我们编写在HTML中的每一个元素（Element）都抽象成了一个个对象；
所有这些对象都可以通过JavaScript来对其进行访问，那么我们就可以通过JavaScript来操作页面；
所以，我们将这个抽象过程称之为 文档对象模型（Document Object Model）；