如何使用HTML5歷史推狀態而不是window.location.hash？

Question

現在我正在使用window.location.hash進行如下歷史記錄管理，我如何用HTML5歷史推送狀態替換它。

 var stateHistory = []; 

     function changeHistory(page) { 

      var l = stateHistory.length, 
       state = window.location.hash; 

      if (l === 0) { 
       stateHistory.push(state);   
       return; 
      } 
      if (state === stateHistory[l - 2]) { 
       stateHistory.pop();  
      } else { 
       stateHistory.push(state);   
      } 

     }; 

Answer 1

你可以使用HTML5歷史pustate功能More Info......

function changeHistory(page) { 

      window.history.pushState({page:""+page},""+page);  
    };