笔记 - 浏览器内置对象

什么是浏览器对象模型

BOM：Browser Object Model （浏览器对象模型），浏览器模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构，就是浏览器提供的API。
其主要对象又：

1. window 对象 —— BOM 的核心，是 JS 访问浏览器的接口，也是 ES 规定的 Global 对象。
2. location 对象：提供当前窗口中的加载的文档有关的信息和一些导航功能。既是 window 对象熟悉，也是 document 的对象属性。
3. navigation 对象：获取浏览器的系统消息。
4. screen 对象：用来表示浏览器窗口外部的显示器的信息等。
5. history 对象：保存用户上网的历史信息。

Window 对象

windows 对象是整个浏览器对象模型的核心，其扮演着既是接口又是全局对象的角色。

窗口大小

窗口位置

核心常用

Location 对象

Navigation 对象

navigation 接口表示用户代理的状态和标识，允许脚本查询它和注册自己进行一些活动。

History 对象

浏览器事件模型详解

详解浏览器事件捕获，冒泡

浏览器事件模型中的过程主要分为三个阶段：捕获阶段、目标阶段、冒泡阶段。

第三个参数

要注意addEventListener 的第三个参数，如果为true，就是代表在捕获阶段执行。如果为false，就是在冒泡阶段进行。

// 冒泡
window.addEventListener('click', function() {
   
	// 点击逻辑
}, false);

// 捕获
window.addEventList