JavaScript kullanarak bir URL'de #hash değerini nasıl kontrol edebilirsiniz?

Yalnızca #bir URL'de bir karma ( ) bağlantı bağlantısı olduğunda çalıştırmak istediğiniz bazı jQuery / JavaScript kodu var . JavaScript kullanarak bu karakteri nasıl kontrol edebilirsiniz? Bunun gibi URL'leri algılayacak basit bir catch-all testine ihtiyacım var:

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

Temelde şu çizgiler boyunca bir şey:

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

Birisi beni doğru yönde gösterebilirse, bu çok takdir edilecektir.

Basit:

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

  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
  }

Aşağıdakileri koyun:

<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 belgenin konumu değilse bu snippet istediğinizi yapar.

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

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

Bunu denedin mi?

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

( urlAçıkça kontrol etmek istediğiniz URL nerede ?)

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

Bu sorunu çözecektir;)

window.location.hash 

karma tanımlayıcıyı döndürecek

... ya da bir jquery seçici var:

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

Aşağıda, karma değişikliğini düzenli olarak denetlemek ve ardından karma değerini işlemek için bir işlev çağırmak için neler yapabilirsiniz.

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

Çoğu kişi document.location öğesindeki URL özelliklerinin farkındadır. Yalnızca geçerli sayfayla ilgileniyorsanız bu harika bir şey. Ancak soru, sayfanın kendisinde değil, bir sayfada bağlantıların ayrıştırılmasıyla ilgilidir.

Çoğu insanın kaçırdığı şey, aynı URL özelliklerinin bağlantı öğeleri için de kullanılabilir olmasıdır:

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

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

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

Keklik ve Gareths yukarıdaki yorumlar harika. Ayrı bir cevabı hak ediyorlar. Görünüşe göre, karma ve arama özellikleri herhangi bir html Link nesnesinde kullanılabilir:

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

Veya

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

Bu normal bir dize değişkeni gerekiyorsa ve çevresinde jQuery olması durumunda, bu çalışması gerekir:

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

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

(ama belki biraz abartılı ..)

Bunu, keyfi URI benzeri dizelerden konum özelliklerini soyutlama yöntemi olarak buraya atmak. Her ne kadar window.location instanceof Locationdoğru olsa da, herhangi bir çağrı denemesi Location, bunun yasadışı bir kurucu olduğunu söyleyecektir. Hala gibi şeyler alabilirsiniz hash, query, protocolgibi dize ayarlayarak vb hrefsonra tüm adres özelliklerini paylaşacak DOM çapa elemanı, mülkiyet window.location.

Bunu yapmanın en basit yolu:

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

string.hash;

Kolaylık sağlamak için, yerel yapıcıyı Locationdizeleri alıp window.locationbenzeri nesneler üretecek bir kütüphaneyle değiştirmek için bunu kullanan küçük bir kütüphane yazdım : Location.js

Genellikle tıklamalar konum değişikliklerinden önce gelir, bu nedenle bir tıklamanın güncellenmiş window.location.hash dosyasını ayarlamak için setTimeOut'u ayarlamak iyi bir fikirdir

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

veya şu konumla dinleyebilirsiniz:

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

Yapmak istediğin gibi bir şey yapan bir jQuery eklentisi yazdım .

Basit bir çapa yönlendiricisi.

İşte dönen trueveya false(bir hashtag'e sahip olan / olmayan) basit bir işlev :

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
}

İade truebu durumda.

@ Jon-skeet yorumuna dayanarak.

Bunu geçerli sayfa URL'si için test etmenin basit bir yoludur:

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

bazen "#anchorlink? firstname = mark" gibi tam sorgu dizesini alırsınız

bu karma değerini almak için benim komut dosyasıdır:

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

returns -> #anchorlink