javascript - 如何从 URL 中获取片段标识符（哈希 # 后的值）？

Question

例子：

www.site.com/index.php#hello

使用 jQuery，我想将值hello放在一个变量中：

var type = …

Answer 1

不需要 jQuery

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

Answer 2

您可以使用以下代码来做到这一点：

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

看演示

Answer 3

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

在jsfiddle上工作演示

Answer 4

这很容易。试试下面的代码

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

Answer 5

使用以下 JavaScript 从 URL 获取哈希 (#) 之后的值。你不需要为此使用 jQuery。

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

我从这里得到了这段代码和教程 - How to get hash value from URL using JavaScript

Answer 6

我有运行时的 URL，下面给出了正确的答案：

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

希望这可以帮助

Answer 7

根据 AK 的代码，这里有一个 Helper Function。JS 小提琴在这里（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);

Answer 8

获取当前文档位置的片段

var hash = window.location.hash;

从字符串中获取片段

// absolute
var url = new URL('https://example.com/path/index.html#hash');

console.log(url.hash);

// relative (second param is required, use any valid URL base)
var url2 = new URL('/path/index.html#hash2', 'http://example');

console.log(url2.hash);