如何使用 javascript 将参数及其值设置为动态 HREF

Question

我有一个link喜欢关注

<a id="dynamicLink" href="http://www.w3schools.com?userName=test">Visit W3Schools</a>

我想将 userName 的值从 test 更改为 test1。

如何使用 javascript 做到这一点？

有人可以帮我解决这个问题吗？

Answer 1

试试这个：

document.getElementById("dynamicLink").href.replace("userName", "test1");

这应该将 href 中 userName 的 value 更改为 测试 1

Answer 2

我建议使用库来处理 URIs。它将提供一些一致性。这是一个使用 URI.js:

的例子

// Get our <a> element
var l = document.getElementById('dynamicLink');

// Use URI.js to work with the URI
// http://medialize.github.io/URI.js/
var uri = URI(l.href);

// Get the query string as an object
var qs = uri.query(true);

// Change our value
qs.userName = 'test1'

// Update the URI object
uri.query(qs);

// Set our new HREF on the <a> element
l.href = uri;

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.15.2/URI.min.js"></script>

<a id="dynamicLink" href="http://www.w3schools.com?userName=test&someOtherKey=val">Visit W3Schools</a>

如何使用 javascript 将参数及其值设置为动态 HREF

How to set parameter and its value to HREF dynamic using javascript

html

attributes

href

hyperlink