BOM:浏览器对象模型;BOM可以使得我们通过JS来操作浏览器。
在BOM中为我们提供了一组对象,用来完成对浏览器的操作:
window:代表的是整个浏览器的窗口,同时window也可以是网页中的全局对象。
Navigator:代表当前浏览器的信息,通过该对象可以识别不同的浏览器
Location:代表当前浏览器的地址栏的信息,通过Location可以获取地址栏的信息,或者操作浏览器跳转页面。(直接打印可以获取当前页面全部地址)如果使用其修改路径,则会自动生成该路径,并且进行转跳,并且保存在History。 (assign:是用来转跳到其他页面,和直接修改location效果一样:location.assign("http://www.baidu.com");replace:跳转页面,但是不会生成历史记录;reload:重新加载页面,参数可以为boolean类型,默认为false,表示以最有效方式重新加载,可能从缓存中直接加载。如果参数为true,强制从服务器中重新加载。 )
History:代表浏览器的历史记录,可以通过该对象操作浏览器的历史记录;但是由于隐私原因,该对象不能获取到具体的历史记录,只能操作浏览器向前向后翻页,而且该操作只能是在当次访问有效。
History中的属性有:
length:获取当前访问数量
back:返回到上一页面,效果与回退按钮一样
forward:跳转到下一个页面
go:t跳转到指定页面(需要一个参数,例如:History.go(1)前跳一个页面,History.go(-1)后退一个页面)
用法:history.X()
Screen:代表用户的屏幕信息,通过该对象可以获取到用户的显示器的相关的信息。
这些BOM对象在浏览器中都是做为window对象的属性保存的,可以通过window对象来使用,也可以直接使用。
Navigator:代表当前浏览器的信息,通过该对象可以识别不同的浏览器,但是由于历史原因,其大部分属性都已经不能帮助我们识别浏览器了。一般我们使用userAgent来判断。