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

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

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

基本上是这样的:

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

当前回答

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

  if(window.location.hash) {
      var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character
      alert (hash);
      // hash found
  } else {
      // No hash found
  }

2011-07-13 16:46:34

下面是定期检查哈希值变化的方法，然后调用一个函数来处理哈希值。

var hash = false; 
checkHash();

function checkHash(){ 
    if(window.location.hash != hash) { 
        hash = window.location.hash; 
        processHash(hash); 
    } t=setTimeout("checkHash()",400); 
}

function processHash(hash){
    alert(hash);
}

2010-07-05 22:23:38

你试过这个吗?

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

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

2008-11-18 11:37:01

我注意到所有这些答案都主要检查window.location.hash，这使得编写测试变得困难。

 const hasHash = string => string.includes('#')

你也可以像这样从url中删除散列:

const removeHash = string => {
 const [url] = string.split('#')
 return url
}

最后你可以把逻辑组合在一起:

if(hasHash(url)) {
 url = removeHash(url)
}

2021-04-15 01:17:23

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

推荐文章

最新文章

标签