Bom
浏览器对象模型,BOM可以让我们通过JS操作浏览器。
BOM中提供了一组对象,用来完成对浏览器的操作:
- Window:代表整个浏览器的窗口,同时也是网页中的全局对象
- Navigator:代表当前浏览器的信息,通过该对象可以来识别不同的浏览器
- Location:代表当前浏览器的地址栏信息,通过该对象可以获取地址栏信息,或者实现窗口跳转
- History:代表当前浏览器的历史记录,可以通过该对象来操作浏览器的历史记录,由于隐私原因,该对象不能获取到具体的浏览记录,只能实现浏览器向前或向后翻页,且该操作只在当次访问有效。
- Screen:代表用户屏幕的信息,通过该对象可以获取到用户的显示器信息
其余四个BOM对象作为Window对象的属性保存,可以通过window对象使用,也可以直接使用。
1. Navigator
navigator对象中有一个属性是userAgent,可以利用这个属性来判断不同的浏览器,但对IE11没用,针对IE11,我们通过ActiveXObject对象来判断,只有IE有这个对象。
2.History
- length属性:获取当次访问的链接数量
- back()方法:后退一个页面
- forward()方法:前进一个页面
- go()方法:跳到指定页面,需要一个整数作为参数
- 1 向前跳1个
- 2 向前条2个
- -1向后跳1个
- -2向后跳2个
3.Location
直接打印location可以获取到当前页面地址栏的完整路径
给location赋值一个路径,页面会自动跳转到该路径,并且会生成历史记录
- assign()方法:跳转到其他页面,并生成历史记录
- reload()方法:重新加载当前页面,也就是刷新,
在该方法中传入一个参数true,就是强制缓存刷新 - replace()方法:使用新的页面替换当前页面,不会生成历史记录