Question

我有一个网站包括jQuery-Tabs, 所以我有一个标签在我的 URL 显示一个想要的标签 :

www.abc.de/site#tab4

在这个网站,我有一个链接看起来像这个:

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

使用此链接, 用户可以为产品选择一个选项。网站会在单击时重新加载。我希望在读出 url 中的标签后单击字符串时实现此目标, 然后此字符串将被添加到 url 或链接中...

我的功能看起来是这样的:

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

到目前为止, 函数都在点击上, 我得到了一个提示式的显示, 显示正确的标签标签和字符串。但是网站会重新加载而不添加标签+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>

<强 > 注意,根本不使用 inline 脚本 是javascript 事件的最佳做法。

您应该阅读有关addEventLististener 的内容,您可以在MDN 中读到有关它的内容。

Answer 2

您没有更改 href 属性。尝试

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

您的代码 document. getEplementById (“ optionslink”).href+info; 只是没有效果, 因为只有连接符, 但对 href 属性没有指定。

友情链接