單擊時將Query-String參數添加到靜態鏈接

Question

我正在尋找一種在訪問者點擊靜態錨鏈接時動態注入查詢字符串參數的強大方法。

例如一個鏈接：

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

我想將查詢字符串傳遞給下一頁但必須動態分配值。 我怎樣才能做到這一點？

我知道這很簡單，我只是遺漏了一些明顯的東西！ = \\

提前致謝，

約翰d

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);

Answer 2

如果您已經知道在加載頁面時要追加的值，那么您可以在文檔准備就緒時添加它：如果您正在使用JQuery，請使用以下命令：

$( 'class' ).attr( 'href', function(index, value) {


return value + '?item=myValue';
});

否則（普通Javascript）：

var link = document.getElementById("mylink");
link.setAttribute('href', 'http://www.johndoeslink.com'+'?item=myValue');