javascript - 根据页面更改 anchor 链接的文本

Question

在 jQuery 或 JavaScript 中，是否可以根据用户所在的页面更改/添加 anchor 链接的文本。

所以我想要这样:

<a href="#section-2">Section 2</a>

如果用户不在主页上，则更改为以下内容:

<a href="/homepage/#section-2">Section 2</a>

Answer 1

您可以使用function attr更改href 。下一个代码将更改 href:

var anchor = $("a").attr("href");
$("a").attr("href", "homepage/" + anchor );

如果您希望条件取决于 URL 的 anchor ，您可以这样做:

var url = window.location.href;
var idx = url.indexOf("#");
var hash = idx != -1 ? url.substring(idx+1) : "";

然后:

if(hash === "#whatever"){
    var anchor = $("a").attr("href");
    $("a").attr("href", "homepage/" + anchor );
}

如果没有 anchor ，您将拥有 hash = ""，因此您可以假设 hash === "" 是主页