一、BOM 浏览器对象模型
- BOM可以使我们通过JS来操作浏览器
- 在BOM中为我们提供了一组对象,用来完成对浏览器的操作。
3. BOM对象:
这些对象在浏览器都是作为window对象的属性保存的,可以通过window对象来使用,也可以直接使用。
(1)window:
代表的是整个浏览器的窗口,同时window也是网页中的全局对象。
一般使用userAgent来判断浏览器的信息。userAgent是一个字符串,这个字符串中包含有用来描述浏览器信息的内容,不同的浏览器会有不同的userAgent
(2)Navigator
:代表的是当前浏览器的信息,通过该对象可以识别不同的浏览器。
(3)Location:
代表当前浏览器的地址栏,通Location可以获取地址栏信息,或者操作浏览器跳转页面。
如果直接打印location可以直接获取到当前页面的路径。
如果直接将location属性修改为一个完整的路径或相对路径,则我们页面会自动跳转到该路径。
①assign():用来跳转到其他页面,作用和直接修改location一样
②reload():重新加载当前页面,作用和刷新按钮一样如果在方法中传递一个参数true,则会强制清除缓存
③replace():可以使用一个新的页面替换当前页面,不会生成历史记录,不能回退
(4)History:
代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录,由于隐私的原因,该对象不能获取到具体的历史记录,只能操作浏览器向前后翻页,而且该操作只在当次访问时有效。
①length属性:可以获取到当前访问的链接数量
②back() :可以回退到上一个页面,作用和浏览器回退按钮一样
③forward() :可以跳转到下一个页面,作用和浏览器的前进按钮一样
④go():可以用来跳转到指定的页面,需要一个整数作为参数。1表示向前跳转一个页面,相当于foward();2表示向前跳转两个页面,-1表示向后跳转一个页面…
(5)Screen:
代表用户屏幕的信息,通过该对象可以获取到用户的显示器的相关信息。