JavaScript —— BOM

1. 概念：Browser Object Model 浏览器对象模型

   1. 将浏览器的各个组成部分，封装成对象。

   2. 组成

      • Window 窗口对象
      • History 历史记录对象
      • Location 地址栏对象
      • Navigator 浏览器对象
      • Screen 屏幕对象

   3. Window 窗口对象

      1. 创建(获取)：Window对象不需要创建，可以直接使用window使用。

      2. 方法

         1. 与弹出框有关的方法
            • alert() 显示带有一段消息和一个确认按钮的警告框。
            • confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
              • 返回值：true，表示用户点击了确定按钮；false，表示用户点击了取消按钮
            • prompt() 显示可提示用户输入的对话框。
              • 返回值：用户输入的值
         2. 与打开、关闭有关的方法
            • open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
              • 返回值：返回新打开的window对象
            • close() 关闭浏览器窗口。
              • 谁调用，就关闭谁
              • window.close() 关闭自己
         3. 与定时器有关的方法

            • setTimeout() 在指定的毫秒数后调用函数或计算表达式。只执行一次。

              • 参数
                • 第一个参数：js代码或者方法对象。
                • 第二个参数：毫秒值
              • 返回值：返回定时器的id值

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

              • 参数：指定需要取消的定时器的id值

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

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

            • 注意：setInterval()、clearInterval() 参数和返回值和用户，同setTimeout()、clearTimeout()

      3. 属性

         1. 获取其他BOM对象
            • history 对 History 对象的只读引用。请参数 History 对象。
            • location 用于窗口或框架的 Location 对象。请参阅 Location 对象。
            • Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。
            • Screen 对 Screen 对象的只读引用。请参数 Screen 对象。
         2. 获取DOM对象
            • document 对 Document 对象的只读引用。请参阅 Document 对象。

      4. 特点

         • Window对象不需要创建，可以直接使用window使用。 window.方法名();
         • window引用可以省略。直接 方法名();

   4. Location 地址栏对象

      1. 创建(获取)
         1. window.location
         2. location
      2. 方法
         • reload() 重新加载当前文档（刷新）
         • replace() 用新的文档替换当前文档。
         • assign() 加载新的文档。
      3. 属性
         • href 设置或返回完整的URL。

   5. History 当前窗口访问过的 URL

      1. 创建(获取)
         1. window.history
      2. 方法
         • back() 加载 history 列表中的前一个 URL。
         • forward() 加载 history 列表中的下一个 URL。
         • go() 加载 history 列表中的某个具体页面。
      3. 属性
         • length 返回当前窗口访问过的URL数量。