Как с помощью JavaScript проверить наличие хэша в URL-адресе?

Простой:

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

Ставим следующее:

<script type="text/javascript">
    if (location.href.indexOf("#") != -1) {
        // Your code in here accessing the string like this
        // location.href.substr(location.href.indexOf("#"))
    }
</script>

Если URI не является местоположением документа, этот фрагмент будет делать то, что вы хотите.

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

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

Вы пробовали это?

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

(Где url - это URL-адрес, который вы хотите проверить, очевидно.)

$('#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!
});

Это решит проблему;)

window.location.hash 

вернет идентификатор хэша

... или есть селектор jquery:

$('a[href^="#"]')

Вот что вы можете делать, чтобы периодически проверять изменение хеш-значения, а затем вызывать функцию для обработки хеш-значения.

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);
}

Большинство людей знают о свойствах URL в document.location. Это здорово, если вас интересует только текущая страница. Но вопрос заключался в возможности анализировать якоря на странице, а не на самой странице.

Похоже, что большинство людей упускают из виду то, что те же свойства URL-адреса также доступны для привязки элементов:

// To process anchors on click    
jQuery('a').click(function () {
   if (this.hash) {
      // Clicked anchor has a hash
   } else {
      // Clicked anchor does not have a hash
   }
});

// To process anchors without waiting for an event
jQuery('a').each(function () {
   if (this.hash) {
      // Current anchor has a hash
   } else {
      // Current anchor does not have a hash
   }
});

Вышеупомянутые комментарии Партриджа и Гарета великолепны. Они заслуживают отдельного ответа. Судя по всему, свойства хеширования и поиска доступны для любого объекта 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>

Or

<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
}

(но, может быть, немного переборщили ..)

Вбрасываем это здесь как метод абстрагирования свойств местоположения от произвольных строк, подобных URI. Хотя window.location instanceof Location верно, любая попытка вызвать Location сообщит вам, что это недопустимый конструктор. Вы все еще можете добраться до таких вещей, как hash, query, protocol и т. Д., Установив свою строку как свойство href элемента привязки DOM, который затем будет использовать все свойства адреса с window.location.

Самый простой способ сделать это:

var a = document.createElement('a');
a.href = string;

string.hash;

Для удобства я написал небольшую библиотеку, которая использует это для замены встроенного конструктора Location конструктором, который будет принимать строки и создавать объекты, похожие на window.location: Location.js

Обычно щелчки идут раньше, чем изменяется местоположение, поэтому после щелчка рекомендуется установить значение setTimeOut, чтобы получить обновленное окно window.location.hash.

$(".nav").click(function(){
    setTimeout(function(){
        updatedHash = location.hash
    },100);
});

или вы можете прослушать местоположение с помощью:

window.onhashchange = function(evt){
   updatedHash = "#" + evt.newURL.split("#")[1]
};

Я написал плагин jQuery, который делает что-то вроде того, что вы хотите делать.

Это простой якорный маршрутизатор.

Вот простая функция, которая возвращает 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.

Вы можете анализировать URL-адреса, используя современный JS:

var my_url = new URL('http://www.google.sk/foo?boo=123#baz');

my_url.hash; // outputs "#baz"
my_url.pathname; // outputs "/moo"
​my_url.protocol; // "http:"
​my_url.search; // outputs "?doo=123"

URL-адреса без хеша вернут пустую строку.

Это простой способ проверить это для текущего URL-адреса страницы:

  function checkHash(){
      return (location.hash ? true : false);
  }

Я заметил, что все эти ответы в основном проверяют window.location.hash и затрудняют написание тестов.

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

Вы также можете удалить хеш из URL-адреса следующим образом:

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

И, наконец, вы можете объединить логику вместе:

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

иногда вы получаете полную строку запроса, например "#anchorlink? firstname = mark"

это мой скрипт для получения хеш-значения:

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

returns -> #anchorlink