一、概念

Browser Object Model 浏览器对象模型：将浏览器的各个组成部分封装成对象。感觉不懂的可以看下图所示：

二、组成

   * Window：窗口对象

   * Navigator：浏览器对象（不常用）

   * Screen：显示器屏幕对象（不常用）

   * History：历史记录对象

   * Location：地址栏对象

三、Window：窗口对象

   1. 创建

   2. 方法

        1. 与弹出框有关的方法：

           alert()    显示带有一段消息和一个确认按钮的警告框。

           confirm()    显示带有一段消息以及确认按钮和取消按钮的对话框。

               * 如果用户点击确定按钮，则方法返回true

               * 如果用户点击取消按钮，则方法返回false

           prompt()    显示可提示用户输入的对话框。

               * 返回值：获取用户输入的值

        2. 与打开关闭有关的方法：

           close()    关闭浏览器窗口。

               * 谁调用我 ，我关谁

           open()    打开一个新的浏览器窗口

               * 返回新的Window对象

        3. 与定时器有关的方式

           setTimeout()    在指定的毫秒数后调用函数或计算表达式。

               * 参数：

                   1. js代码或者方法对象

                   2. 毫秒值

               * 返回值：唯一标识，用于取消定时器

           clearTimeout()    取消由 setTimeout() 方法设置的 timeout。

           setInterval()    按照指定的周期（以毫秒计）来调用函数或计算表达式。

           clearInterval()    取消由 setInterval() 设置的 timeout。

               * 返回值：唯一标识，用于取消定时器

   3. 属性：

       1. 获取其他BOM对象：

           history

           location

           Navigator

           Screen:

       2. 获取DOM对象

           document

   4. 特点

       * Window对象不需要创建可以直接使用 window使用。 window.方法名();

       * window引用可以省略。  方法名();

Window 对象方法

四、Location：地址栏对象

   1. 创建(获取)：

       1. window.location

       2. location

   2. 方法：

       * reload()    重新加载当前文档。刷新

   3. 属性

       * href    设置或返回完整的 URL。

Location 对象属性

Location 对象方法

五、History：历史记录对象

   1. 创建(获取)：

       1. window.history

       2. history

   2. 方法：

       * back()    加载 history 列表中的前一个 URL。

       * forward()    加载 history 列表中的下一个 URL。

       * go(参数)    加载 history 列表中的某个具体页面。

           * 参数：

               * 正数：前进几个历史记录

               * 负数：后退几个历史记录

   3. 属性：

       * length    返回当前窗口历史列表中的 URL 数量。

    注意：history对象只代表当前窗口（即Window对象）的历史记录，并不是浏览器的所有历史记录，这个一定要分清。可查看上图中的2窗口对象。

History 对象属性

History 对象方法

具体相关属性可以查看W3CSchool官方文档。

**本文首发于CSDN，为博主原创文章，如果需要转载，请注明出处，谢谢！**

完结！