web-dev-qa-db-ja.com

URLからフラグメント識別子（ハッシュ番号の後の値）を取得する方法

例：

www.site.com/index.php#hello

JQueryを使用して、値helloを変数に入れます。

var type = …
javascriptjqueryurlurl-fragment
189
cppit

JQueryは必要ありません

var type = window.location.hash.substr(1);
544
Musa

次のコードを使用してそれを行うことができます。

var url = "www.site.com/index.php#hello";
var hash = url.substring(url.indexOf('#')+1);
alert(hash);

デモを見る

32
Ahsan Khurshid
var url ='www.site.com/index.php#hello';
var type = url.split('#');
var hash = '';
if(type.length > 1)
  hash = type[1];
alert(hash);

jsfiddle に関する作業デモ

12
Talha

次のJavaScriptを使用して、URLからハッシュ後の値（＃）を取得します。そのためにjQueryを使う必要はありません。

var hash = location.hash.substr(1);

ここからこのコードとチュートリアルを入手しました - JavaScriptを使用してURLからハッシュ値を取得する方法

6
JoyGuru

実行時のURLを取得しました。以下に正しい答えが示されました。

let url = "www.site.com/index.php#hello";
alert(url.split('#')[1]);

お役に立てれば

4
Manohar Reddy Poreddy

それは非常に簡単です。以下のコードを試してください

$(document).ready(function(){  
  var hashValue = location.hash;  
  hashValue = hashValue.replace(/^#/, '');  
  //do something with the value here  
});
4
kmario23

A.Kのコードに基づいて、これはヘルパー関数です。 JS Fiddleここ（ http://jsfiddle.net/M5vsL/1/ ）...

// Helper Method Defined Here.
(function (helper, $) {
    // This is now a utility function to "Get the Document Hash"
    helper.getDocumentHash = function (urlString) {
        var hashValue = "";

        if (urlString.indexOf('#') != -1) {
            hashValue = urlString.substring(parseInt(urlString.indexOf('#')) + 1);
        }
        return hashValue;
    };
})(this.helper = this.helper || {}, jQuery);
2
Ro Hit