BOM浏览器对象模型
BOM 浏览器对象模型
BOM可以使我们通过JS来操作浏览器
在BOM中我们提供了一组对象,用来完成浏览器的操作
BOM对象:
- Window
- 代表的是整个浏览器的窗口,同时window也是网页中的全局对象
- Navigator
- 代表的是当前浏览器的信息,通过该对象可以识别不同的浏览器
- Location
- 代表当前浏览器的地址信息,通过这个对象可以获取地址信息,或者操作浏览器跳转页面
- History
- 代表浏览器的历史信息,可以通过该对象来操作浏览器的历史记录
- 由于隐私原因,该对象不能获取具体的历史记录,只能操作浏览器向前或者向后翻页
- 操作只在当次访问有效
- Screen
- 代表用户屏幕信息,通过该对象可以获取到用户显示器相关信息
- Window
window对象
Navigator
- 代表的是当前浏览器的信息,通过该对象可以识别不同的浏览器
- userAgent可以判断浏览器
var ua = navigator.userAgent

History
- 代表浏览器的历史信息,可以通过该对象来操作浏览器的历史记录
- length 属性,可以获取到当前访问的链接数量
- 方法:
- back() 可以用来回退到上一个页面
- forward() 跳转到下一个页面
- go() 可以跳转到指定页面,需要传一个整数
- go(1) 可以向前跳转一个页面,相当于forward()
- go(2) 可以表示向前跳转2个页面
- go(-1) 向后跳转一个页面 ,相当于back()
location
- 该对象封装了浏览器的地址栏的信息
- 如果直接将location属性修改为一个完整的路径,或相对路径, 则我们页面会自动跳转到该路径,并且生成相应的历史记录
- location.assign() 也可以用来设置跳转页面,只有与直接修改location一样
- location.reload() 用于重新加载当前页面,作用和刷新按钮一样
- 传true ,表示强制清空缓存刷新页面
- location.replace() 跳转到新页面,不会退回,不会生成历史记录