如何使用javascript檢測內聯鏈接？

Question

假設我有一個網頁index.html。假設客戶去index.html#section2。這應該將客戶端帶到具有名稱屬性爲section2的塊級元素的頁面部分。

如何在javascript中檢測此內嵌鏈接？具體來說，如果用戶轉到index.html#section2，我想在javascript中運行某個函數。

我很樂意使用jQuery。謝謝！

Answer 1

使用jQuery這個jQuery插件 http://benalman.com/projects/jquery-hashchange-plugin/

然後，你可以這樣做：

$(window).bind('hashchange', function(event) { 
    if(window.location.hash === "#section2"){ 
     // What you want to do 
    } 
}) 

或者如果你不想使用jQuery只是使用onclick事件。

<a href="#section2" onclick="changed()"></a> 

JS：

function changed(){ 
     setTimeout(function(){ 
       if(window.location.hash === "#section2"){ 
        // What you want to do 
       } 
     }) 
} 
window.onload = changed; // In case user starts on #section2 

Answer 2

對window.location.hash屬性執行switch屬性。

switch(window.location.hash) {  
    case '#section1': 
     foo(); 
    case '#section2': 
     bar(); 
} 

注意 - 該hash屬性在所有主流瀏覽器的支持。

編輯 - @IvanCastellanos是正確的關於新hashchange事件和缺乏低級別的瀏覽器的支持。如果OP需要處理這種情況，則插件的開銷可能是必要的 - 在他的回答中指出...