一、什么是BOM
BOM（Browser Object Model）即浏览器对象模型。
BOM提供了独立于内容 而与浏览器窗口进行交互的对象；
由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；
BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；
BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。
二、学习BOM学什么
我们将学到与浏览器窗口交互的一些对象，例如可以移动、调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器、操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等。在这里，只介绍一些window对象等的基础知识，其中会有一些ECMAscript的知识还会说明。其他对象Location、Screen、Navigator、History.
javascript中BOM部分基础知识总结
https://www.cnblogs.com/2010master/p/5824215.html
三、常用语法
1、window
1）Window 尺寸获取方法：
有三种方法能够确定浏览器窗口的尺寸。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
对于 Internet Explorer 8、7、6、5：
document.documentElement.clientHeight
document.documentElement.clientWidth
或者
document.body.clientHeight
document.body.clientWidth
2）一些其他方法：
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
2、window screen
在编写时可不使用 window 这个前缀
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
3、Window Location
在编写时可不使用 window 这个前缀
Window Location Href
location.href 属性返回当前页面的 URL。
4、弹窗
5、计时事件
6、cookie