js中的window.history的用法（二）

Window.history會儲存使用者在一個會話期間的網站存取記錄，使用者每次造訪一個新的URL即建立一個新的歷史記錄。

history.go()、history.back()、history.forward()history.back()和history.forward()分別表示向後一頁和向前一頁。 history.go(num)表示向前或向後翻多少頁，num為正數表示向前翻，為負數則向後翻。

windows視窗物件（歷史）history.go(),history.back(),history.forward()。

   因為windows物件引用不是必須的。所以windows.history.go() == history.go()的。

   go()方法只有一個參數，可以是整數、負數。如果是正數，就前進。負數就是後退。 （相當於Forward和Back的區別）

   因此，後退一頁，可用下面的程式碼：(後退多頁，只需改變go的參數)

   window.history.go(-1)；

   要前進一頁，只需要使用正數；

   history.go(1)；

   另外，用back()和forward()方法可以實現相同的操作：

      history.back();   后退
      history.forward(); 前进

   還可以用length屬性查看歷史中的頁數：

   history.length;

2.history.go(-1)與history.back()的差異

history.go(-1)表示后退与刷新。如数据有改变也随之改变
   history.back()只是单纯的返回到上一页。

範例：

Html程式碼  

<p class="oper_context_view">  
          <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>  
 </p>

Js程式碼  

$("#btn_exit").bind("click",function(){  
              window.location.reload();    //刷新  
              window.history.go(1);         //前进  
              window.history.go(-1);        //返回+刷新  
              window.history.forward();  //前进  
              window.history.back();       //返回  
  });

【相關推薦】

1. 特別推薦：「php程式設計師工具箱」V0.1版本下載

2. js中的window.history的用法（一）

3. 詳細介紹h5中的history.pushState()使用實例

4. 深入了解h5中history特性--pushState、replaceState

5. h5中History API 對Web應用的影響

以上是js中的window.history的用法（二）的詳細內容。更多資訊請關注PHP中文網其他相關文章！