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

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

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

基本上是这样的:

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

当前回答

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

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

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

returns -> #anchorlink

2014-10-27 08:45:24

其他回答

上面Partridge和Gareths的评论很棒。他们应该得到一个单独的答案。显然，hash和search属性在任何html Link对象上都是可用的:

<a id="test" href="foo.html?bar#quz">test</a>
<script type="text/javascript">
   alert(document.getElementById('test').search); //bar
   alert(document.getElementById('test').hash); //quz
</script>

<a href="bar.html?foo" onclick="alert(this.search)">SAY FOO</a>

如果你需要在一个常规的字符串变量上使用jQuery，这应该可以工作:

var mylink = "foo.html?bar#quz";

if ($('<a href="'+mylink+'">').get(0).search=='bar')) {
    // do stuff
}

(但这可能有点过头了..)

2012-02-20 22:42:13

位置哈希的简单使用:

if(window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}

2008-11-18 11:37:00

window.location.hash

将返回哈希标识符

2013-04-27 18:31:45

如果URI不是文档的位置，这个代码段将按照您的要求执行。

var url = 'example.com/page.html#anchor',
    hash = url.split('#')[1];

if (hash) {
    alert(hash)
} else {
    // do something else
}

2012-03-08 10:42:21

你试过这个吗?

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

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

2008-11-18 11:37:01

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

推荐文章

最新文章

标签