1. 概念
Browser Object Model 浏览器对象模型: 将浏览器的各个组成部分封装成对象。
①:BOM提供令人独立于内容而与浏览器窗口进行的交互的对象。
②:BOM主要用于管理窗口与窗口之间的通信,核心对象为windows
③:BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性
④:BOM缺乏标准。JS的标准化组织是ECMAscript。DOM的标准化组织是W3C。
⑤:BOM最初是Netscape浏览器标准的一部分。
2. 组成
- Window:窗口对象是全局对象很多关于浏览器的脚本设置都是通过它
- Navigator:其中有很多浏览器相关的内容,通常判断浏览器类型都是通过这个对象。
- Screen:常常用来判断屏幕的高度宽度等。
- History:不太常用,一般应该不会有写关于历史记录的脚本。
- Location:地址栏对象,是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定的内容。
3.Window:窗口对象
- 创建
window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
- 方法
1. 与弹出框有关的方法:
alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
如果用户点击确定按钮,则方法返回true
如果用户点击取消按钮,则方法返回false
prompt() 显示可提示用户输入的对话框。
返回值:获取用户输入的值
2. 与打开关闭有关的方法:
close() 关闭浏览器窗口。
谁调用我 ,我关谁
open() 打开一个新的浏览器窗口
返回新的Window对象
3. 与定时器有关的方式
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
参数:
1. js代码或者方法对象
2. 毫秒值
返回值:唯一标识,用于取消定时器
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。
- 属性:
1. 获取其他BOM对象:
history
location
Navigator
Screen:
2. 获取DOM对象
document - 特点
Window对象不需要创建可以直接使用 window使用。 window.方法名();
window引用可以省略。 方法名(); - History:历史记录对象
-
创建(获取):
- window.history
- history
-
方法:
- back() 加载 history 列表中的前一个 URL。
- forward() 加载 history 列表中的下一个 URL。
- go(参数) 加载 history 列表中的某个具体页面。
- 参数:
- 正数:前进几个历史记录
- 负数:后退几个历史记录
- 参数:
-
属性:
- length 返回当前窗口历史列表中的 URL 数量。
-
推荐给大家一个写的非常全的博客
点击查看