一、BOM的层次结构：
window（可以访问BOM中的所有元素，是最顶层的元素）下一层包括如下：
→document （document的属性：forms、cookie、links/anchors、images...）
→navigator
→location 与页面位置相关(属性（常用）：href、target...)
→frames
→screen
→history
（画图更清晰）
window对象的使用可以分属性和方法两部分总结：
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法（例如：window.alert（）、window.confirm()、window.prompt（）、window.open（））。
window对象的方法和属性分4类：
1.创建新窗口，维护现有窗口的行为（对话框：window.alert（）、window.confirm()、window.prompt（），创建自定义窗口：window.open()）；
2.在窗口中创建带分区的文档（窗体和iframe）；
3.定时器的创建和控制(setTimeout、clearTimeout)；
4.用来控制浏览器窗口内特定元素的属性（document、navigator、screen等）。
window对象和document对象的区别？
刚不熟悉js的时候对window对象和document对象分不清。
window对象封装了整个浏览器环境，它是一个全局对象，每一个window对象代表着一个浏览器窗口，访问其内部的其它对象，而且window可以省略。
区别:1、window 指窗体，document指页面。document是window的一个子对象。
2、用户不能改变 document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象
document是window对象的一个子对象，document指页面。
参考资料：
《javascript学习指南》
博客： http://blog.csdn.net/qq_21577869/article/details/46895365