Cum poti verifica o #hash într-un URL folosind JavaScript?

Am niște jQuery/JavaScript codul pe care vreau să ruleze numai atunci când există un hash (#) ancora link-ul de la un URL. Cum poți verifica acest personaj folosind JavaScript? Am nevoie de un simplu catch-all test care ar putea detecta Url-uri ca acestea:

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

Practic ceva de-a lungul liniilor de:

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

Dacă cineva putea să-mi punct în direcția cea bună, că ar fi mult mai apreciat.

a stone arachnid
Întrebarea editată 24 iunie 2019 в 3:39
Programare
javascript jquery anchor fragment-identifier
18 noiembrie 2008 в 11:35
8 vizualizări
Soluția

Simplu:

if(window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}
Comentarii (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
Răspuns editat 1 iunie 2016 в 1:07
Comentarii (0)

Pune următoarele:

<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
Răspuns editat 6 septembrie 2012 в 3:35
Comentarii (1)

Dacă url-ul nu este document's locație acest fragment va face ceea ce vrei.

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

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

Ai încercat asta?

`javascript dacă (url-ul.indexOf('#') !== -1) { // Url-ul conține o # } ``

(Unde url este URL-ul pe care doriți să verificați, evident.)

Jon Skeet
Răspuns editat 7 noiembrie 2019 в 3:24
Comentarii (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!
});

Acest lucru va rezolva problema ;)

Comentarii (1)
 
window.location.hash

va reveni hash de identificare

Comentarii (1)

...sau nu's un selector jquery:

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

Aici's ce puteți face pentru a verifica periodic pentru o schimbare de hash, și apoi apela o funcție a procesului de valoarea hash.

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);
}
Comentarii (5)

Cei mai mulți oameni sunt conștienți de URL proprietăți în document.locație. Ca's mare daca're interesat doar în pagina curentă. Dar întrebarea a fost despre a fi capabil de a analiza ancore într-o pagină nu pagina în sine.

Ceea ce majoritatea oamenilor par să ratezi este că aceleași URL proprietăți sunt, de asemenea, disponibile pentru a ancora elemente:

// 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
   }
});
Comentarii (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
Răspuns editat 23 mai 2014 в 9:27
Comentarii (2)

Partridge și Gareths comentariile de mai sus sunt excelente. Ei merită un răspuns separat. Aparent, hash și proprietăți de căutare sunt disponibile pe orice Link html object:

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

Sau

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

Ar trebui să aveți nevoie de acest lucru în mod regulat variabilă șir și se întâmplă să aibă jQuery în jurul valorii de, acest lucru ar trebui să funcționeze:

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

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

(dar poate este un pic exagerat .. )

McGarnagle
Răspuns editat 8 decembrie 2012 в 4:08
Comentarii (0)
 
var requestedHash = ((window.location.hash.substring(1).split("#",1))+"?").split("?",1);
Yotam Omer
Răspuns editat 6 iulie 2013 в 10:57
Comentarii (0)

Arunca aici ca o metodă de abstractizare locație proprietăți de arbitrare URI-cum ar fi siruri de caractere. Deși fereastra.locație instanceof Locație este adevărat, orice încercare de a invoca "Locație" vă va spune că-l's ilegală de constructor. Puteți obține în continuare la lucruri cum ar fi hash, "query", "protocol" etc. prin stabilirea șir ca "href" proprietate a unui DOM element de ancorare, care va transmite apoi toate adresa proprietăți cu fereastra.locație`.

Mai simplu mod de a face acest lucru este:

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

string.hash;

Pentru comoditate, am scris o mică bibliotecă, care utilizează această opțiune pentru a înlocui nativ "Locație" constructor cu unul care va avea siruri de caractere și de a produce fereastră.locație`-ca obiecte: Location.js

Comentarii (0)

De obicei clicuri du-te mai întâi decât schimbări de locație, deci, după un clic este o idee bună să setTimeOut pentru a obține actualizate fereastră.locație.hash

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

sau puteți asculta locație cu:

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

Am scris-o jQuery plugin care face ceva de genul ce vrei să faci.

L's un simplu ancora router.

Comentarii (0)

Aici este o simplă funcție care returnează "adevărat" sau "fals" (a / nu't au un 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
}

Returnează "adevărat" în acest caz.

Bazat pe @jon-skeet's comenteze.

Comentarii (0)

Acesta este un mod simplu de a testa acest lucru pentru adresa URL a paginii curente:

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

uneori, veți obține întregul șir de interogare, cum ar fi "#anchorlink?firstname=marca"

acesta este scenariul meu pentru a obține valoarea hash:

var hashId = window.locație.hash;
hashId = hashId.meci(/#[^?&\/]*/g);

întoarce -> #anchorlink
Comentarii (2)