如何执行一个基于URL哈希url的js函数＃nameoffunction

Question

我看到一些网站在URL中执行基于has的JavaScript函数。例如，

，当我访问http://domain.com/jobs#test

那么网站执行基于函数#TEST

我可以通过检查location.href做到这一点，但有一个更好的办法？

Answer 1

这是我做的：

window.onload = function(){ 
    var hash = (window.location.hash).replace('#', ''); 
    if (hash.length == 0) { 
     //no hash do something 
    } 
    else { 
     //else do something with hash 
    } 
} 

演示： http://jsfiddle.net/maniator/XCjpy/show/#test
demo2：http://jsfiddle.net/maniator/XCjpy/show/
demo3：http://jsfiddle.net/maniator/XCjpy/show/#testing_again

Answer 2

看看This。
请参阅属性表。
location.hash应该可以帮到你。

Answer 3

你可以使用像YUI库来做到这一点更优雅，看看YUI的浏览器历史记录管理器

http://developer.yahoo.com/yui/history/

Answer 4

Live Demo

$(window).bind('hashchange', function() { 
    var hash = document.location.hash; 
    var func = hash.replace('#', ''); 
    eval(func + '()'); 
}); 

function asdf() { 
    alert('asdf function'); 
} 

function qwerty() { 
    alert('qwerty function'); 
} 

注：eval()是危险的。你应该做一个预定义的安全功能数组，并调用这些。

Answer 5

如果没有需要支持旧的浏览器像IE6和IE7，你可以使用：

window.onhashchange = function(){ 
    switch(location.hash) { 
    case '#hash1': 
     //do something 
    break; 
    case '#has2': 
     //do something else 
    break; 
    } 
} 

但是，如果你要支持旧的浏览器，你需要轮询：

var oldHash = location.hash; 
setInterval(function(){ 
    if(location.hash !== oldHash){ 
    oldHash = location.hash; 
    //hash changed do something 
    } 
}, 120);