JavaScript 基礎（十四）：History 對象

History 對象記錄了用戶曾經瀏覽過的頁面(URL)，並能夠實現瀏覽器 前進與後退 相似導航的功能。

注意：
從窗口被打開的那一刻開始記錄，每一個瀏覽器窗口、每一個標籤頁乃至每一個框架，都有本身的 history對象與 特定的window對象關聯。

一、 語法：

window.history.[屬性|方法]

注意：window 能夠省略。

二、 History 對象屬性

屬性	描述
length	返回瀏覽器歷史列表中的 URL數量

舉例：
     使用length屬性，當前窗口的瀏覽歷史總長度，代碼以下：

<script type="text/javascript">
  var HL = window.history.length;
  document.write(HL);
</script>

三、 History 對象方法

方法	描述
back()	加載 history 列表中的前一個 URL
forward()	加載 history 列表中的下一個 URL
go()	加載 history 列表中的某個具體的頁面

3-一、 返回前一個瀏覽的頁面

back() 方法，加載 history 列表中的前一個 URL。

語法：

window.history.back();

好比，返回前一個瀏覽的頁面，代碼以下：

window.history.back();

注意：等同於點擊瀏覽器的倒退按鈕。

back()至關於go(-1),代碼以下:

window.history.go(-1);

3-2 、返回下一個瀏覽的頁面

forward()方法，加載 history 列表中的下一個 URL。

若是倒退以後，再想回到倒退以前瀏覽的頁面，則能夠使用forward()方法,代碼以下:

window.history.forward();

注意：等價點擊前進按鈕。

forward()至關於go(1),代碼以下:

window.history.go(1);

3-三、 返回瀏覽歷史中的其餘頁面

go() 方法，根據當前所處的頁面，加載 history 列表中的某個具體的頁面。

語法：

window.history.go(number);

參數：

number	參數說明
1	前一個，go(1) 等價 forward()
0	當前頁面
-1	後一個，go(-1) 等價 back()
其它數值	要訪問的 URL 在 History 的 URL 列表中的相對位置

瀏覽器中，返回當前頁面以前瀏覽過的第二個歷史頁面，代碼以下：

window.history.go(-2);

注意：和在瀏覽器中單擊兩次後退按鈕操做同樣。

同理，返回當前頁面以後瀏覽過的第三個歷史頁面，代碼以下：

window.history.go(3);