JS 50 navigator和history对象

1.navigator

对象包含有关浏览器的信息,他有很多属性,我们最常用的是userAgent,
该属性可以返回由客户机发送服务器的user-agent头部的值
例:判断用户使用哪个终端打开页面,实现跳转

	if((navigator.userAgent.match(/(phone|pad)/i))){
           window.location.href='';  //手机
       }else{
            window.location.href=''; //电脑 
       }

2.history

与浏览器历史记录进行交互
back() 回退
forward() 前进
go(参数) 参数是1,前进一个页面,参数是-1,后退一个页面
例:点击按钮实现前进后退功能

var fw=document.querySelector('.forward');
var bk=document.querySelector('.back');
fw.addEventListener('click',function(){
   history.forward();
   //history.go(1);
});
bk.addEventListener('click',function(){
   history.back();
   //history.go(-1);
})

<button class="forward">前进</button>
<button class="back">后退</button>