javascript -更改链接的href

Question

我有一个包含jQuery-Tabs的站点，所以我在我的url中有一个hashtag来显示想要的标签：

www.abc.de/site#tab4

在这个网站上，我有一个链接，看起来像这样：

<a href="/site.html?option=1" name="optionslink" id="optionslink" onclick="javascript:test()">LINKTEXT</a>

通过此链接，用户可以选择产品的选项。该网站会在点击时重新加载。我想实现的是，点击字符串后，在网址中的hashtag是读出，然后这个字符串将被添加到网址或链接…

我的函数如下所示：

function test() {
var info=window.location.hash;
alert(info);
document.getElementById("optionslink").href+info;
return true;
}

到目前为止，函数是单击的，我得到了一个警告弹出窗口，其中显示了正确的hashtag及其字符串。但是站点在没有添加hashtag+string的情况下被重新加载。它看起来是这样的：

www.abc.de/site.html?option=1

它应该看起来像这样：

www.abc.de/site.html?option=1#tab4

我怎么才能让它正常工作呢？

Answer 1

只需更改位置：

function test() {
    var info=window.location.hash;
    window.location = document.getElementById("optionslink").href + info;
    return false;
}

<a href="/site.html?option=1" name="optionslink" id="optionslink" onclick="return test();">LINKTEXT</a>

另外，将当前锚点传递给函数，并节省DOM查询开销：

function test(anchor) {
    var info=window.location.hash;
    window.location = anchor.href + info;
    return false;
}

<a href="/site.html?option=1" name="optionslink" 
   id="optionslink" onclick="return test(this);">LINKTEXT</a>

注意，完全不使用 javascript 是处理javascript事件的最佳实践。

你应该阅读关于addEventListener的文章，你可以在上读到它

Answer 2

您不能更改href属性。试一试

document.getElementById("optionslink").href += info;

您的代码document.getElementById("optionslink").href+info;没有任何作用，因为只有连接，但没有对href属性的赋值。