BOM简介

2.2.1 BOM概述

BOM是浏览器对象模型，他提供了独立于内容而与浏览器窗口进行交互的对象，其核心是window（在写的时候window都可以省略）

window对象是浏览器的顶级对象，它具有双重角色。

• 它是JS访问浏览器窗口的一个接口

• 它是一个全局对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法

2.2.2 window对象的常见事件

1、窗口加载事件

• window.onload = function() {}

• 经常使用：window.addEventListener("load",function(){})

• ie9以上支持（DOMContentLoaded事件触发时，仅当DOM加载完成，不包含样式表、图片、flash等）：document.addEventListener('DOMContentLoaded',function(){})

2、调整窗口大小事件

• window.onresize = function(){}

• window.addEventListener("resize",function(){})

2.2.3 定时器

1、两种定时器

• setTimeout()

• setInterval()

2、setTimeout()定时器

（1）设置setTimeout()定时器

window.setTimeout(调用函