BOM history

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript">
   /*
    * history
    * -对象可以用来操作浏览器向前或向后翻页
    */
   
   window.onload=function(){
    var btn = document.getElementById('btn');
    btn.onclick = function(){
     /*
      * length
      * -属性,可以获取当前访问的链接数量
      */
//     alert(history.length);
     
     /*
      * back()
      * -可以用来回退到上一个页面,作用和浏览器的回退按钮一样
      */
//     history.back();

     /*
      * forward()
      * -可以跳转下一个页面,作用和浏览器的前进按钮一样
      */
//     history.forward();
     /*
      * go()
      * -可以用来跳转指定的页面
      * -它需要一个整数作为参数
      * 1 表示向前跳转一个页面    2 表示向前跳转二个页面
      *  -1 表示向前跳转一个页面
      */
     
     history.go(1);
    };
   };
  </script>
 </head>
 <body>
  <h1>history</h1>
  <button id="btn">点击</button>
  <a href="index.html">去BOM</a>
  
 </body>
</html>

posted @ 2020-04-12 15:52  Smile*^  阅读(78)  评论(0编辑  收藏  举报