BOM浏览器对象模型

BOM 浏览器对象模型

BOM可以使我们通过JS来操作浏览器

在BOM中我们提供了一组对象,用来完成浏览器的操作

BOM对象:

1. 1. Window
      1. 代表的是整个浏览器的窗口,同时window也是网页中的全局对象
   2. Navigator
      1. 代表的是当前浏览器的信息,通过该对象可以识别不同的浏览器
   3. Location
      1. 代表当前浏览器的地址信息,通过这个对象可以获取地址信息,或者操作浏览器跳转页面
   4. History 
      1. 代表浏览器的历史信息,可以通过该对象来操作浏览器的历史记录
      2. 由于隐私原因,该对象不能获取具体的历史记录,只能操作浏览器向前或者向后翻页
      3. 操作只在当次访问有效
   5. Screen
      1. 代表用户屏幕信息,通过该对象可以获取到用户显示器相关信息

 window对象

 

 

 

 

 

Navigator

1. 代表的是当前浏览器的信息,通过该对象可以识别不同的浏览器
2. userAgent可以判断浏览器

var ua = navigator.userAgent

 History

• 代表浏览器的历史信息,可以通过该对象来操作浏览器的历史记录
• length 属性,可以获取到当前访问的链接数量
• 方法:

1. back()  可以用来回退到上一个页面
2. forward() 跳转到下一个页面
3. go() 可以跳转到指定页面,需要传一个整数
   1. go(1) 可以向前跳转一个页面,相当于forward()
   2. go(2) 可以表示向前跳转2个页面
   3. go(-1) 向后跳转一个页面 ,相当于back()

location

• 该对象封装了浏览器的地址栏的信息
• 如果直接将location属性修改为一个完整的路径,或相对路径, 则我们页面会自动跳转到该路径,并且生成相应的历史记录
• location.assign() 也可以用来设置跳转页面,只有与直接修改location一样
• location.reload() 用于重新加载当前页面,作用和刷新按钮一样
  • 传true ,表示强制清空缓存刷新页面
• location.replace() 跳转到新页面,不会退回,不会生成历史记录