【前端攻城师之JS基础】11Bom浏览器对象模型

1.Bom浏览器对象模型

BOM可以让我们通过JS来操作浏览器，在BOM中提供了一组对象，用来完成对浏览器的操作，初步了解History和Location

BOM对象包括

Window 代表整个浏览器窗口，同时window也是网页中的全局对象

Navigator 代表当前浏览器的信息 通过该对象可以识别不同的浏览器

Location 代表当前浏览器的地址栏信息，通过Location可以获取到地址栏信息，或者操作浏览器跳转页面

History 代表浏览器的历史记录，通过该对象可以操作浏览器的历史记录，该操作不能获取到具体的历 史信息，只能操作浏览器向前或向后翻页，而且该操作只在当次访问时有效

Screen 代表 客户端显示屏幕的信息。

以上的对象都作为window的属性保存，处于全局作用域中，可以直接通过对象名访问 console.log(navigator)

2.History

• history.length可以获取到当前访问过的页面数量

• 回退到上一个页面 history.back();

• 前进到下一个页面 history.forward();

• history.go( )

  他需要一个整数作为参数:

  1表示向前跳一个页面相当于forward( )

  2表示向前跳两个页面

  -1表示向后跳一个页面相当于history.back( )

  -2表示向后跳两个页面

3.Location

如果直接打印location，则可以获取到地址栏的信息（指的是当前页面的完整路径）

如果直接将location的值修改成一个完整的路径或者相对路径，，我们页面会自动进行跳转

assign（）方法用来跳转到其他页面，作用和修改location的值 一样，并会生成相应的历史记录

reload( ) 重新加载当前页面，作用和刷新按钮一样 ，如果在方法中传入一个true作为参数，则会强制清空 缓存刷新
crtl+f5手动清空缓存刷新

replce( ) 进行页面跳转 与 assign的区别是不会生成相应的历史记录