根据页面更改锚链接的文本

时间:2015-11-05 13:18:20

标签: javascript jquery

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

所以我想这样:

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

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

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

2 个答案:

答案 0 :(得分:1)

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

var anchor = $("a").attr("href");
$("a").attr("href", "homepage/" + 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 );
}

如果没有锚点,您将拥有hash = "",因此您可以认为hash === ""是主页

答案 1 :(得分:0)

使用base url

<head>
    <base href="http://www.yoursite.com/homepage/">
</head>