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的区别是不会生成相应的历史记录