使用onhashchange和hash實現無刷新頁面

1、例子：http://blog.csdn.net/aitangyong/article/details/46455627 

 

2、自己的例子

// onhashchange可以監控hash變化
window.onhashchange=function(){
    var hash = window.location.hash;
    var id = parseInt(hash.substr(1));  //hash的值為#0，所以要截取第二個值，並轉化為整數
    showPage(id);
};
//首頁顯示（下面的方法分別是按鈕點擊的方法）
function homePage(id){
    showPage(id);
}
//第一頁顯示
function firstPage(id){
    showPage(id);
}
//顯示頁面
function showPage(id){
    $("div[id!="+id+"]").hide();
    $("#"+id).show();
    window.location.hash=id;  // hash改變,瀏覽器會自動生成一個歷史記錄
}