javascript - 单击时将查询字符串参数添加到静态链接

Question

我正在寻找一种在访问者点击静态 anchor 链接时动态注入(inject)查询字符串参数的可靠方法。

例如链接:

<a href="http://www.johndoeslink.com">Test</a>

我想将查询字符串传递到下一页，但必须动态分配值。我怎样才能做到这一点？

我知道这很简单，我只是遗漏了一些明显的东西! =\

提前致谢

约翰·德

Answer 1

有很多方法可以做到这一点。下面我列出了两个非常简单的方法。在这里，我假设您已经引用了您的 a 元素(在这里我称之为 element):

修改href属性

element.href += '?query=value';

使用点击事件监听器

element.addEventListener('click', function(event) {
    // Stop the link from redirecting
    event.preventDefault();

    // Redirect instead with JavaScript
    window.location.href = element.href + '?query=value';
}, false);