BOM

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


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

2. window 对象
    window 对象表示整个浏览器窗口，但不必表示其中包含的内容。注意，如果页面使用框架集合（frameset），那么每个框架都由它自己的 window 对象表示。
    还有一个 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 打开新窗口时窗口属性配置项：



    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 对象
    用它来获取用户的屏幕信息。