如何在Javascript中动态添加href参数

在Javascript中，可以通过以下几种方式动态添加href参数：

使用字符串拼接：可以通过字符串拼接的方式来动态添加href参数。首先，获取当前链接的href属性值，然后使用字符串拼接的方式添加参数。最后，将新的链接赋值给href属性。

var url = window.location.href; // 获取当前链接
var newUrl = url + "?param=value"; // 使用字符串拼接添加参数
window.location.href = newUrl; // 赋值给href属性

使用URLSearchParams对象：可以使用URLSearchParams对象来处理URL参数。首先，创建一个URLSearchParams对象，然后使用append()方法添加参数。最后，使用toString()方法将URLSearchParams对象转换为字符串，并将其赋值给href属性。

var url = new URL(window.location.href); // 创建URL对象
var searchParams = new URLSearchParams(url.search); // 获取URL参数
searchParams.append("param", "value"); // 添加参数
url.search = searchParams.toString(); // 将URLSearchParams对象转换为字符串
window.location.href = url.href; // 赋值给href属性

使用正则表达式替换：可以使用正则表达式替换的方式来动态添加href参数。首先，获取当前链接的href属性值，然后使用正则表达式替换参数部分。最后，将新的链接赋值给href属性。

var url = window.location.href; // 获取当前链接
var newUrl = url.replace(/(\?|&)param=[^&]+/, ""); // 使用正则表达式替换参数
newUrl += (newUrl.indexOf("?") === -1 ? "?" : "&") + "param=value"; // 添加参数
window.location.href = newUrl; // 赋值给href属性

以上是在Javascript中动态添加href参数的几种常见方式。根据具体需求和场景选择适合的方式进行操作。