BOM

1. BOM，浏览器对象模型，作为 JavaScript 三部分之一，它提供了独立于页面内容而与浏览器窗口交互的对象。BOM 的体系结构：

[img]http://dl.iteye.com/upload/picture/pic/49985/42b77b00-3d58-3a3e-982f-46b7fbdf9f24.png[/img]

可以看到，window 对象是整个结构的核心，所有 BOM 下的对象都以某种方式回接到 window 对象。

2. window 对象
window 对象[b]表示整个浏览器窗口[/b]，但不必表示其中包含的内容。注意，如果页面使用框架集合（frameset），那么[b]每个框架都由它自己的 window 对象表示[/b]。
还有一个 top 对象，表示最顶层框架。在框架集合的页面中，每个框架都有一个 window 对象，但是要注意一点，在最顶层页面中，window == top 是返回 true 的，而在非顶层的框架页面中，window == top 返回 false。

3. 窗口大小
可利用 window 对象的 moveBy/moveTo/resizeBy/resizeTo 等方法来对窗口做移动或大小调整操作。由于缺乏标准，对窗口的一些大小属性在不同浏览器里有不同的表示：
IE 提供了 window.screenLeft 和 window.screenTop 来判断窗口的位置，用 document.body.offsetWidth 和 document.body.offsetHeight 表示视图区大小，但他们都不是标准。
Mozilla 提供了 window.screenX 和 window.screenY 来判断窗口的位置，用 window.innerWidth 和 window.innerHeight 来表示视图区大小，还提供了 window.outterWidth 和 window.outterHeight 来表示浏览器窗口本身的大小。
注意，应该尽量避免使用窗口移动和大小调整功能。

4. 调用 window.open 打开新窗口时窗口属性配置项：

[img]http://dl.iteye.com/upload/picture/pic/49987/4b6f64d8-289f-3e5c-b26d-f368532fa300.png[/img]

window.open 返回新打开窗口的 window 对象。可以利用返回的 window 对象对新打开的窗口进行操作。

5. document 对象
它是 window 对象的一个属性，但它有一个独特之处是它是唯一一个既属于 BOM 又属于 DOM 的对象。

6. location 对象
BOM 中最有用的对象之一，它是 window 对象和 document 对象的属性（因为没有标准而导致的混乱）。利用它可以获取请求 URL 信息或设置 URL 并加载。如可获取以下信息：location.host 、location.port、location.protocol、location.href、location.pathname 等。

7. navigator 对象
包含大量关于 Web 浏览器的信息，可用 navigator 检测浏览器和操作系统的信息。

8. screen 对象
用它来获取用户的屏幕信息。