$（window）绑定hashchange如何检查零件散列已更改？

Question

我在学习Google Ajax Crawlable

我使用$(window) bind hashchange来控制ajax页面加载。

我的网址，如：

存在有两种变化

1. domain.com/#!/apple&num=1 =>domain.com/#!/apple&num=2

2. domain.com/#!/apple&num=1 =>domain.com/#!/banana&num=1

所以如何检查$(window) bind hashchange是否改变了散列部分apple =>banana？谢谢。

$(window).bind('hashchange', function() { 
    // make a judge like if(){}else{} 
}); 

Answer 1

将散列存储在变量中，并在函数结束时更新变量。考虑：

(function(){ 
    var lastHash = location.hash; 
    $(window).bind('hashchange', function() { 
     var newHash = location.hash; 
     // Do something 
     var diff = compareHash(newHash, lastHash); 
     alert("Difference between old and new hash:\n"+diff[0]+"\n\n"+dif[1]); 

     //At the end of the func: 
     lastHash = newHash; 
    }); 

    function compareHash(current, previous){ 
     for(var i=0, len=Math.min(current.length, previous.length); i<len; i++){ 
      if(current.charAt(0) != previous.charAt(0)) break; 
     } 
     current = current.substr(i); 
     previous = previous.substr(i); 
     for(var i=0, len=Math.min(current.length, previous.length); i<len; i++){ 
      if(current.substr(-1) != previous.substr(-1)) break; 
     } 

     //Array: Current = New hash, previous = old hash 
     return [current, previous]; 
    } 
})() 

Answer 2

我会将原始散列存储在变量中，然后检查新的散列以判断更改。完成后，将新散列设置为原始地址：

var originalHash = window.location.hash; 
$(window).bind('hashchange', function() { 
    var newHash = window.location.hash; 
    //do your stuff based on the comparison of newHash to originalHash 

    originalHash = newHash; 
});