第十五篇前端学习笔记

BOM与DOM
***什么是BOM？
• ECMAScript无疑是JavaScript的核心，但是要想在浏览器中使用JavaScript，那么BOM（浏览器对象模型） 才是真正的核心。
• BOM 提供了很多对象，用于访问浏览器的功能，这些 功能与任何网页内容无关。
• BOM将浏览器中的各个部分转换成了一个一个的对象， 我们通过修改这些对象的属性，调用他们的方法，从而 控制浏览器的各种行为。

—window对象
• window对象是BOM的核心，它表示一个浏览器的实例。
• 在浏览器中我们可以通过window对象来访问操作浏览 器，同时window也是作为全局对象存在的。
• 全局作用域：
– window对象是浏览器中的全局对象，因此所有在全局作用 域中声明的变量、对象、函数都会变成window对象的属性 和方法。

***什么是DOM？
• DOM，全称Document Object Model文档对象模型。
• JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随 心所欲的操作WEB页面。
• 文档：
– 文档表示的就是整个的HTML网页文档
• 对象：
– 对象表示将网页中的每一个部分都转换为了一个对象。
• 模型：
– 使用模型来表示对象之间的关系，这样方便获取对象。

• 节点是构成我们网页的最基本的组成部分，网页中的 每一个部分都可以称为是一个节点。
• 比如：html标签、属性、文本、注释、整个文档等都是一个节 点。
• 虽然都是节点，但是实际上他们的具体类型是不同的。
• 比如：
标签我们称为元素节点、属性称为属性节点、 文本称为 文本节点、文档称为文档节点。
• 节点的类型不同，属性和方法也都不尽相同。

• 节点：Node——构成HTML文档最基本的单元。
• 常用节点分为四类
– 文档节点： 整个HTML文档
– 元素节点：HTML文档中的HTML标签
– 属性节点：元素的属性
– 文本节点：HTML标签中的文本内容