BOM(浏览器对象模型)
- BOM中为我们提供了一组对象,借助这组对象可以通过JS来操作浏览器
Window (代表整个浏览器窗口,全局对象)
Navigator (表示浏览器的信息)
Location (表示浏览器地址栏信息)
History (表示浏览器的历史记录)
Screen (表示用户的设备的屏幕信息)
- BOM对象都是window对象的属性,可以通过window对象访问,也可以直接访问
window.navigator
1:BOM: history-Location:
location 表示的是浏览器的地址栏信息
- 可以通过window.location 或 location来对其进行访问
- location用于获取或设置浏览器的地址栏
- 如果直接打印location可以获取到浏览器的地址栏信息
- 也可以对其进行修改,修改后浏览器将会跳转到修改后的地址
通过修改location跳转地址会产生历史记录
assign()
- 用来修改location的值,和直接修改location效果一样
replace()
- 使用新的页面替换当前页面,不会生成历史记录
reload()
- 刷新当前页面,相当于刷新按钮
reload(true)
- 强制清缓存刷新页面
History
- 表示浏览器的历史记录
- 可以通过window.history 或 history来对其进行访问
- 历史记录这种东西属于个人隐私,所以JS无法直接访问用户的历史记录
它只能用来控制浏览器向前向后翻页
history.forward()
- 用来切换到下一页,就相当于浏览器的向前按钮
history.back()
- 用来回退到上一页,相当于浏