866

#URL にハッシュ ( ) アンカー リンクがある場合にのみ実行したい jQuery/JavaScript コードがあります。JavaScript を使用してこの文字を確認するにはどうすればよいですか? 次のような URL を検出する単純なキャッチオール テストが必要です。

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

基本的に次のようなものです：

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

誰かが私を正しい方向に向けることができれば、それは大歓迎です。

4

20 に答える 20

1556

ロケーションハッシュの簡単な使用:

if(window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}
于 2008-11-18T11:37:00.617 に答える
370 
  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
  }
于 2011-07-13T16:46:34.490 に答える
58

以下を入れます。

<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>
于 2008-11-18T11:41:10.123 に答える
40

URI がドキュメントの場所でない場合、このスニペットは希望どおりに機能します。

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

if (hash) {
    alert(hash)
} else {
    // do something else
}
于 2012-03-08T10:42:21.000 に答える
27

これを試しましたか？

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

url（明らかに、確認したいURLはどこにありますか。）

于 2008-11-18T11:37:01.270 に答える
18 
$('#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!
});

これで問題は解決します;）

于 2011-08-31T13:44:31.440 に答える
14 
window.location.hash

ハッシュ識別子を返します

于 2013-04-27T18:31:45.743 に答える
6

ハッシュの変更を定期的にチェックし、関数を呼び出してハッシュ値を処理するためにできることは次のとおりです。

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);
}
于 2010-07-05T22:23:38.627 に答える
5 
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; 
  }
}
于 2013-06-07T23:58:31.510 に答える
4 
var requestedHash = ((window.location.hash.substring(1).split("#",1))+"?").split("?",1);
于 2013-07-06T10:37:35.383 に答える
3

上記のパートリッジとガレスのコメントは素晴らしいです。彼らは別の答えに値します。どうやら、ハッシュと検索のプロパティは、すべての 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>

または

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

（しかし、少しやり過ぎかもしれません..）

于 2012-02-20T22:42:13.173 に答える
3

任意の URI のような文字列から位置プロパティを抽象化する方法として、これをここに投入します。は本当ですがwindow.location instanceof Location、呼び出そLocationうとすると、それが不正なコンストラクターであることがわかります。文字列を DOM アンカー要素のプロパティとして設定することhashで、query、などにアクセスできます。これにより、すべてのアドレス プロパティが と共有されます。protocolhrefwindow.location

これを行う最も簡単な方法は次のとおりです。

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

string.hash;

便宜上、これを利用してネイティブLocationコンストラクターを、文字列を取り、window.location-like オブジェクトを生成するものに置き換える小さなライブラリを作成しました: Location.js

于 2013-09-10T13:58:13.893 に答える
1

通常、場所の変更よりもクリックの方が先に行われるため、クリック後に setTimeOut して window.location.hash を更新することをお勧めします。

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

または、次の方法で場所をリッスンできます。

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

あなたがやりたいことのようなことをするjQueryプラグインを書きました。

シンプルなアンカールーターです。

于 2012-06-20T18:18:19.180 に答える
1

最新の JSを使用して URL を解析できます。

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 は空の文字列を返します。

于 2020-10-13T11:32:50.127 に答える
1

trueorを返す単純な関数を次に示します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 のコメントに基づいています。

于 2015-11-29T11:22:07.160 に答える