讓Ajax網頁帶有後退功能

ajax|網頁

在AJAX做了一個項目後，測試人員告訴我，新聞列表翻了很多頁後，當查看過一條新聞的詳細資料返回目錄的時候，不能返回到已經翻過的頁碼，而要從第一頁重新翻，這樣很鬱悶。網上面找到一篇<開發保留標準瀏覽器功能的AJAX應用程式>的文章，按照裡面的介紹，把響應的代碼節選出來，保留在這裡。

我實現原理是：每翻一次頁，把當前的頁碼存入碎url的片段標識中，待客戶查看完詳細資料後返回到目錄，在目錄的body的onload事件執行setOptionValue，將片段的內容擷取下來，再執行讀取目錄的函數；以達到儲存翻頁資訊的功能。

//使用URI的片段標識符部分，建立狀態的記錄；
function makeHistory(newHash)
{
  window.location.hash = newHash;
  expectedHash = window.location.hash;
  alert(expectedHash);
  return true;
}
//檢查瀏覽器記錄中的URI
function handleHistory()
{ 
  if ( window.location.hash != expectedHash )
  {
     alert(window.location.hash + "|" + expectedHash);
    expectedHash = window.location.hash;
    var newoption = expectedHash;
    setOptionValue( newoption );
  }
  return true;
}

function pollHash() {
  handleHistory();
  //window.setInterval("handleHistory()", 1000);
  return true;
}

//擷取片段中的內容，可進行任何操作
function setOptionValue(value)
{
//  var myForm = document.make_history;
//  var mySelect = myForm.change_year;
//  mySelect.options[value-1].selected = true;
    document.getElementById("testDiv").innerHTML = value.replace('#','');
    Test(value.replace('#',''));
    alert(value.replace('#',''));
  return true;
}