JS 的 history 对象

history 对象包含了三个方法，用于页面的跳转与返回（前进一个页面 与 后退一个页面，但要均是浏览过的）

  window 可省略！！！

• window.history.forward()：前进到之前浏览的页面
• window.history.back()：后退到之前浏览的页面
• window.history.go( 参数 )：参数为1 则为前进，参数为-1 则为后退

window.history.forward()：

前进到之前浏览过的页面，但是浏览器记录里要先有浏览过这个页面的历史

//前提是先浏览过一个页面<button>前进</button><script>varbtn=document.querySelector('button');
btn.addEventListener('click',function(){
window.history.forward();
     })
</script>

window.history.back()：

后退到之前浏览的页面，但是浏览器记录里要先有浏览过这个页面的历史

<button>回退</button>

 <script>

        var btn=document.querySelector('button');

        btn.addEventListener('click',function(){

           window.history.back();

    })

 </script>

window.history.go( 参数 )：

这个就是前面两种方法的一个简便版，参数为 1 则为前进，参数为 -1 则为后退

<button>前进</button>

 <script>

        var btn=document.querySelector('button');

        btn.addEventListener('click',function(){

           window.history.go(1);                    // 1 为前进

    })

<button>回退</button>

 <script>

        var btn=document.querySelector('button');

        btn.addEventListener('click',function(){

           window.history.go(-1);                   // -1 为后退

    })  

 </script>