Jak można sprawdzić #hash w adresie URL za pomocą JavaScript?

  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
  }

Wpisz:

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

Jeśli URI nie jest lokalizacją dokumentu, ten fragment zrobi to, co chcesz.

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

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

Próbowałeś tego?

if (url.indexOf("#") != -1)
{
}

(Gdzie url jest URL, który chcesz sprawdzić, oczywiście.)

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

To rozwiąże problem;)

window.location.hash 

Zwróci identyfikator hash

...albo jest selektor jquery:

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

Oto, co możesz zrobić, aby okresowo sprawdzać zmianę skrótu, a następnie wywoływać funkcję przetwarzającą wartość skrótu.

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

Większość ludzi zna właściwości adresu URL w dokumencie.miejsce. To świetnie, jeśli interesuje Cię tylko bieżąca strona. Ale pytanie dotyczyło możliwości analizowania anchorów na stronie, a nie samej strony.

Większość ludzi zdaje się tęsknić za tym, że te same właściwości URL są również dostępne dla elementów anchor:

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

Kuropatwa i Gareth komentarze powyżej są świetne. Zasługują na osobną odpowiedź. Najwyraźniej właściwości hash i search są dostępne na dowolnym obiekcie łącza 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>

Lub

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

Jeśli potrzebujesz tego na zwykłej zmiennej string i zdarzy ci się mieć jQuery wokół, powinno działać:

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

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

(ale to może trochę przesadzone .. )

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

Wrzucenie tego tutaj jako metody abstrakcji właściwości lokalizacji z arbitralnych łańcuchów podobnych do URI. Chociaż {[1] } jest prawdą, każda próba wywołania Location powie Ci, że jest to nielegalny konstruktor. Można jeszcze dostać się do rzeczy takich jak hash, query, protocol itd, ustawiając łańcuch jako właściwość href elementu kotwicy DOM, który następnie będzie współdzielił wszystkie właściwości adresu z window.location.

Najprostszym sposobem na to jest:

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

string.hash;

Dla wygody, napisałem trochę biblioteka, która używa tego do zastąpienia natywnego konstruktora Location takim, który będzie pobierał łańcuchy znaków i produkował obiekty podobne do window.location: Location.js

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

Zwykle klikamy najpierw niż zmieniamy lokalizację, więc po kliknięciu jest dobrym pomysłem, aby setTimeOut aby uzyskać zaktualizowane okno.miejsce.hash

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

Lub możesz posłuchać lokalizacji za pomocą:

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

Napisałem jQuery plugin który robi coś takiego co chcesz zrobić.

Oto prosta funkcja, która zwraca true lub false (has / doesn ' t have a hashtag):

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
}

Zwraca true w tym przypadku.

Na podstawie komentarza @ jon-skeet.

Jest to prosty sposób na przetestowanie tego dla bieżącego adresu URL strony:

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

Czasami dostajesz pełny ciąg zapytania, taki jak " #anchorlink?firstname=mark "

To jest mój skrypt, aby uzyskać wartość hash:

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

returns -> #anchorlink