BOM

1. 概念

• Browser Object Model 浏览器对象模型，将浏览器的各个组成部分封装成对象。

2.组成

• Window：窗口对象

  1. 创建

  2. 方法

     • 与弹出框有关的方法：
       alert() 显示带有一段消息和一个确认按钮的警告框。
       confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。

       • 如果用户点击确定按钮，则方法返回true
       • 如果用户点击取消按钮，则方法返回false

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

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

     • 与打开关闭有关的方法：
       close() 关闭浏览器窗口。谁调用我 ，我关谁
       open() 打开一个新的浏览器窗口，返回新的Window对象

     • 与定时器有关的方式
       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引用可以省略。 方法名();

• Navigator：浏览器对象

• Screen：显示器屏幕对象

• History：历史记录对象

  1. 创建(获取)：

     1. window.history
     2. history

  2. 方法：

     • back() 加载 history 列表中的前一个 URL。
     • forward() 加载 history 列表中的下一个 URL。
     • go(参数) 加载 history 列表中的某个具体页面。
       • 参数：
         • 正数：前进几个历史记录
         • 负数：后退几个历史记录

  3. 属性：

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

• Location：地址栏对象

  1. 创建(获取)：

     • window.location

     • location

  2. 方法：

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

  3. 属性

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