如何使用JavaScript检查URL中的#哈希值?

我有一些jQuery/JavaScript代码，我想只在URL中有一个散列(#)锚链接时运行。如何使用JavaScript检查这个字符?我需要一个简单的全方位测试，可以检测到如下url:

example.com/page.html #锚 example.com/page.html # anotheranchor

基本上是这样的:

if (thereIsAHashInTheUrl) {
    do this;
} else {
    do this;
}

当前回答

$('#myanchor').click(function(){
    window.location.hash = "myanchor"; //set hash
    return false; //disables browser anchor jump behavior
});
$(window).bind('hashchange', function () { //detect hash change
    var hash = window.location.hash.slice(1); //hash to string (= "myanchor")
    //do sth here, hell yeah!
});

这将解决问题;)

2011-08-31 13:44:31

其他回答

下面是一个简单的函数，返回true或false(有/没有标签):

var urlToCheck = 'http://www.domain.com/#hashtag';

function hasHashtag(url) {
    return (url.indexOf("#") != -1) ? true : false;
}

// Condition
if(hasHashtag(urlToCheck)) {
    // Do something if has
}
else {
    // Do something if doesn't
}

在这种情况下返回true。

基于@jon-skeet的评论。

2015-11-29 11:22:07

window.location.hash

将返回哈希标识符

2013-04-27 18:31:45

var requestedHash = ((window.location.hash.substring(1).split("#",1))+"?").split("?",1);

2013-07-06 10:37:35

有时您会得到完整的查询字符串，例如“#anchorlink?”firstname =马克”

这是我获取哈希值的脚本:

var hashId = window.location.hash;
hashId = hashId.match(/#[^?&\/]*/g);

returns -> #anchorlink

2014-10-27 08:45:24

你试过这个吗?

if (url.indexOf('#') !== -1) {
    // Url contains a #
}

(url显然是你要检查的url。)

2008-11-18 11:37:01

如何使用JavaScript检查URL中的#哈希值?

推荐文章

最新文章

标签