介绍BOM

BOM即浏览器对象模型，提供了独立于内容而于浏览器窗口进行交互的对象，核心对象是window.

BOM比DOM更大，包含了DOM。

window对象是浏览器的顶级对象，具有双层角色:（1）JS访问窗口的一个接口。（2）是一个全局对象，定义在全局作用域中的变量，函数都会变成window对象的属性和方法。

注意:不能直接声明name方法，name是本身有意义的。

Window对象的常见事件:

1.窗口加载事件（有了这个，javascript可以写在任何地方）

（1）window.onload＝function（）{}

注意:只能写一次，以最后一个为主。

（2）addEventListener方法中'load'

（3）addEventListener方法中'DOMContentLoaded',用于页面图片很多时。

第三种方法加载速度最快，因为不包含图片 flash css就可执行。

2.调整窗口大小事件

（1）window.onresize

（2）addEventListener方法中'resize'

注意:只要窗口大小发生变化，就触发该事件，常用该事件完成响应式布局。

当前屏幕的宽度window.innerWidth