目录
- 由于隐私的原因,History无法访问具体的历史记录 - 只能用来控制浏览器向前向后翻页
一:BOM(浏览器对象模型)
- BOM中为我们提供了一组对象,用来完成对浏览器的各种操作
- BOM对象:
Window - 代表的是浏览器窗口
History - 代表的是浏览器的历史记录
Location - 代表的是浏览器的地址栏
Navigator - 代表浏览器的信息
Screen - 代表的是设备屏幕信息
- BOM对象都是window对象的属性,所以可以直接访问
二:History 表示浏览器的历史记录
- 由于隐私的原因,History无法访问具体的历史记录
- 只能用来控制浏览器向前向后翻页
history.length - 当前访问的页面的数量
history.forward(); - 切换到前边访问的网址 '->'
history.back(); - 相当于浏览器的回退按钮 '<-'
history.go() - 跳转到指定的历史记录
三:location
- location表示浏览器地址栏信息 - alert(location.port); 获取端口号 - - console.log(location.search)获取表单提交的信息
- 如果直接读取location,则可以获取到地址栏的信息(页面地址)
- 如果修改location的值,则浏览器会自动跳转到新的地址
- 通过这种方式跳转页面,会留下历史记录,可以通过回退按钮回退
location = 'https://www.baidu.com';跳转到百度页面
- assign()
- 用来跳转地址,和直接修改location是一样的
location.assign('https://www.jd.com');
- replace()
- 用来跳转地址,它不会产生历史记录,无法通过回退按钮回退
location.replace('https://www.jd.com');
- reload()
- 用来重新加载网页,相当于网页的刷新按钮
location.reload(true);
- 强制清除浏览器缓存,相当于ctrl+F5
四:Navigator
- 代表浏览器的信息,通过Navigator来识别出不同的浏览器
- 在 Navigator 中大部分属性都没有什么使用价值
- userAgent 返回的是一个字符串,
用来表示浏览器的信息
- Chrome
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.10
- Firefox
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0
- IE(还可以发现是IE)
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
- IE11(不希望别人认出自己是IE)
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko