JS学习笔记-BOM

一、BOM 浏览器对象模型

  1. BOM可以使我们通过JS来操作浏览器
  2. 在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:

代表用户屏幕的信息,通过该对象可以获取到用户的显示器的相关信息。

猜你喜欢

转载自blog.csdn.net/weixin_45636381/article/details/113379717