## 一、概述 HTML5 History API是HTML5提供對history棧中內容的操作。DOM window對象通過history對象提供了對瀏覽器歷史的訪問。它暴露了很多有用的方法和屬性，允許你在用戶瀏覽歷史中向前和向后跳轉。 ## 二、屬性 1、History.length 只讀 返回一個整數，該整數表示會話歷史中元素的數目，包括當前加載的頁。例如，在一個新的選項卡加載的一個頁面中，這個屬性返回1。 2、History.state 只讀 返回一個表示歷史堆棧頂部的狀態的值。這是一種可以不必等待popstate 事件而查看狀態而的方式。 ## 三、方法 1、History.back() 前往上一頁, 用戶可點擊瀏覽器左上角的返回按鈕模擬此方法. 等價于 history.go(-1). >[info] 當瀏覽器會話歷史記錄處于第一頁時調用此方法沒有效果，而且也不會報錯； > 2、History.forward() 在瀏覽器歷史記錄里前往下一頁，用戶可點擊瀏覽器左上角的前進按鈕模擬此方法. 等價于 history.go(1). >[info] 當瀏覽器歷史棧處于最頂端時( 當前頁面處于最后一頁時 )調用此方法沒有效果也不報錯。 3、History.go() 通過當前頁面的相對位置從瀏覽器歷史記錄( 會話記錄 )加載頁面。比如：參數為-1的時候為上一頁，參數為1的時候為下一頁. 當整數參數超出界限時( 譯者注:原文為When integerDelta is out of bounds )，例如: 如果當前頁為第一頁，前面已經沒有頁面了，我傳參的值為-1，那么這個方法沒有任何效果也不會報錯。調用沒有參數的 go() 方法或者不是整數的參數時也沒有效果。( 這點與支持字符串作為url參數的IE有點不同)。 4、History.pushState() 按指定的名稱和URL（如果提供該參數）將數據push進會話歷史棧，數據被DOM進行不透明處理；你可以指定任何可以被序列化的javascript對象。 5、History.replaceState() 按指定的數據，名稱和`URL`（如果提供該參數），更新歷史棧上最新的入口。這個數據被DOM進行了不透明處理。你可以指定任何可以被序列化的JavaScript對象著作權歸作者所有。