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

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

Window：窗口对象

• 创建
• 方法
  • alert()：显示带有一段消息和一个确认按钮的警告框
  • confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框，确定返回 true，取消返回 false
  • prompt()：显示可提示用户输入的对话框，返回值为用户输入的值
  • close()：关闭浏览器窗口。
  • open()：打开一个新的浏览器窗口
  • close()：关闭浏览器窗口，谁调用，关谁
  • setTimeout()：在指定的毫秒数后调用函数或计算表达式
    • 参数 1：JS 代码或者方法对象
    • 参数 2：毫秒值
    • 会返回 id，用于取消定时
  • clearTimeout()：取消由 setTimeout() 方法设置的 timeout
  • setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式
  • clearInterval()：取消由 setInterval() 设置的 timeout
• 属性

  • 获取其他 BOM 对象

    history location Navigator Screen

  • 获取 DOM 对象

    • window.document.getElementById(””)
• 特点
  • Window 对象不需要创建可以直接使用：Window.方法名()
  • Window 的引用也可以省略

案例：轮播图

• 代码

Location：地址栏对象

• 创建
  • window.location
  • location
• 方法
  • reload()：重新加载当前文档，刷新
• 属性
  • href：设置或返回完整的 URL
• 代码

案例：自动跳转首页

• 代码

History：历史记录对象

• 创建
  • window.history
  • history
• 方法
  • back()：加载 history 列表中的前一个 URL
  • forward()：加载 history 列表中的下一个 URL
  • go(参数)：加载 history 列表中的某个具体页面
    • 参数为正数，前进历史记录
    • 参数为负数，后退历史记录
• 属性
  • length：返回当前窗口历史列表中的 URL 数量