JavaScript-BOM

JavaScript-BOM

概念

Browser Object Model 浏览器对象模型

• 将浏览器中的各个部分封装成对象

组成

一共五个对象

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

关系

一、Window 窗口对象

1、创建

2、方法

• 与弹出框有关的方法
  • alert() 用于显示带有一条指定消息和一个 OK 按钮的警告框。
  • confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框
    • 如果用户点击确认按钮，该方法返回true
    • 如果用户点击取消按钮，该方法返回false
  • prompt() 显示可提示用户输入的对话框
    • 返回值：用户输入的值
• 与打开关闭有关的方法
  • close() 关闭浏览器窗口
    • 谁调用关闭谁
  • open() 打开一个新的浏览器窗口
    • 返回新的window对象
• 与定时器有关的方法
  • setTimeout() 在指定的毫秒数后调用函数或计算表达式
    • 参数
      • js代码或者方法对象
      • 毫秒值
  • clearTimeout() 取消由setTimeout()方法设置的 timeoiut
  • setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式
  • clearInterval() 取消由setInterval()方法设置的 timeoiut

3、属性

• 获取其他四个BOM对象
  • history
  • location
  • Navigation
  • Screen
• 获取Dom对象
  • document

4、特点

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

二、Location 地址栏对象

1、创建（获取）

• window.location
• location

2、方法

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

3、属性

• href 设置或返回完整的URL

三、History 历史记录对象

1、创建（获取）

• window.history
• history

2、方法

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

3、属性

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