如何使用jQuery从URL获取锚点？

我有一个类似的网址：

www.example.com/task1/1.3.html#a_1

如何a_1使用jQuery 获取锚点值并将其存储为变量？

您可以使用.indexOf()和.substring()，如下所示：

var url = "www.aaa.com/task1/1.3.html#a_1";
var hash = url.substring(url.indexOf("#")+1);

您可以在这里尝试一下，如果其中可能没有#，请执行以下if(url.indexOf("#") != -1)检查：

var url = "www.aaa.com/task1/1.3.html#a_1", idx = url.indexOf("#");
var hash = idx != -1 ? url.substring(idx+1) : "";

如果这是当前页面的URL，则可以使用window.location.hash它来获取它，并根据需要替换#。

对于当前窗口，您可以使用以下命令：

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

要获取主窗口的哈希值，请使用以下命令：

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

如果您的字符串带有URL /哈希，最简单的方法是：

var url = 'https://www.stackoverflow.com/questions/123/abc#10076097';
var hash = url.split('#').pop();

如果您使用的是jQuery，请使用以下代码：

var hash = $(location).attr('hash');

用

window.location.hash

检索除＃外的所有内容

jQuery样式：

$(location).attr('hash');

您可以使用以下“技巧”来解析任何有效的URL。它利用了锚元素的特殊href相关属性hash。

使用jQuery

function getHashFromUrl(url){
    return $("<a />").attr("href", url)[0].hash.replace(/^#/, "");
}
getHashFromUrl("www.example.com/task1/1.3.html#a_1"); // a_1

用普通JS

function getHashFromUrl(url){
    var a = document.createElement("a");
    a.href = url;
    return a.hash.replace(/^#/, "");
};
getHashFromUrl("www.example.com/task1/1.3.html#a_1"); // a_1

如果您只有一个普通的url字符串（因此没有hash属性），则还可以使用正则表达式：

var url = "www.example.com/task1/1.3.html#a_1"  
var anchor = url.match(/#(.*)/)[1]