Как можно проверить наличие #hash в URL с помощью JavaScript?

У меня есть некоторый код jQuery/JavaScript, который я хочу запускать только в том случае, если в URL есть хэш (#) анкорной ссылки. Как можно проверить наличие этого символа с помощью JavaScript? Мне нужен простой универсальный тест, который бы обнаруживал такие URL:

  • example.com/page.html#anchor
  • example.com/page.html#anotheranchor

В общем, что-то вроде:

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

Если кто-нибудь может указать мне правильное направление, буду очень признателен.

a stone arachnid
Редактировал вопрос 24-го июня 2019 в 3:39
Программирование
javascript jquery anchor fragment-identifier
18-го ноября 2008 в 11:35
56 просмотров
Решение

Просто:

if(window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}
Комментарии (11)
 
  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
  }
Martijn
Редактировал ответ 1-го июня 2016 в 1:07
Комментарии (0)

Поставьте следующее:

<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>
saluce
Редактировал ответ 6-го сентября 2012 в 3:35
Комментарии (1)

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

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

if (hash) {
    alert(hash)
} else {
    // do something else
}
Комментарии (2)

Пробовали ли вы это?

``javascript if (url.indexOf('#') !== -1) { // Url содержит символ # }



(Где `url` - это URL, который вы хотите проверить, очевидно).
Jon Skeet
Редактировал ответ 7-го ноября 2019 в 3:24
Комментарии (0)
$('#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!
});

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

Комментарии (1)
 
window.location.hash

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

Комментарии (1)

...или там'ы селектор jQuery:

$('a[href^="#"]')
Комментарии (0)

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

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);
}
Комментарии (5)

Большинство людей осведомлены о свойствах URL-адресов в документе.расположение. Что'здорово, если вы'повторно заинтересованы только в текущем разделе. Но вопрос был про возможность анализировать анкоры на страницу и самой страницы.

Что большинство людей, кажется, не заметить, что те же свойства 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
   }
});
Комментарии (0)
 
function getHash() {
  if (window.location.hash) {
    var hash = window.location.hash.substring(1);

    if (hash.length === 0) { 
      return false;
    } else { 
      return hash; 
    }
  } else { 
    return false; 
  }
}
jokklan
Редактировал ответ 23-го мая 2014 в 9:27
Комментарии (2)

Партридж и выше комментарии Gareths велики. Они заслуживают отдельного ответа. Видимо, хэш и поиск недвижимости доступны в любой объект HTML ссылка:

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

(но его, возможно, немного перестарались .. )

McGarnagle
Редактировал ответ 8-го декабря 2012 в 4:08
Комментарии (0)
 
var requestedHash = ((window.location.hash.substring(1).split("#",1))+"?").split("?",1);
Yotam Omer
Редактировал ответ 6-го июля 2013 в 10:57
Комментарии (0)

Привожу это здесь, как способ абстрагирования объектов от произвольного Ури-как струны. Хотя окно.место расположения оператора instanceof-это верно, любые попытки ссылаться на "местоположение" скажет вам, что это'с незаконным конструктор. Вы все еще можете получить вещи, как хэш, запрос, протокол и т. д., установив строку как слишком свойство анкерный элемент DOM, который потом будет делиться все адреса свойства с помощью окна.местоположение.

Простой способ сделать это:

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

string.hash;

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

Комментарии (0)

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

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

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

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

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

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

Комментарии (0)

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

На основе @Джон Скит'ы комментарий.

Комментарии (0)

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

  function checkHash(){
      return (location.hash ? true : false);
  }
Комментарии (0)

<п>иногда вы получаете полную строку запроса, такие как "#anchorlink?имя=отметки"</п> <п>это мой скрипт, чтобы получить хэш-значение:</п>

в <предварительно><код>ВАР hashId = окно.расположение.хэш; hashId = hashId.матч(/#[^?&\/]*/г);

возвращает -> #anchorlink </код></пре>

Комментарии (2)