你可以使用 JavaScript 的 URLSearchParams
对象来处理URL参数。以下是一个示例代码,它保留原始URL的所有参数并添加新的参数:
// 获取原始URL
const url = new URL(window.location.href);
// 获取原始URL的所有参数
const params = new URLSearchParams(url.search);
// 添加新的参数
params.append('newParam', 'newValue');
// 构建新的URL
url.search = params.toString();
// 通过新的URL进行重定向或使用
console.log(url.href);
在上面的示例中,我们首先创建一个URL
对象,将当前页面的URL作为参数传递给它。然后,我们使用URLSearchParams
对象处理URL的查询部分。通过append
方法,我们添加了新的参数newParam
和它的值newValue
。之后,我们使用toString
方法将更新后的参数设置为URL的查询部分。最后,我们可以通过href
属性获取新构建的URL,以进行重定向或其他操作。
请注意,URLSearchParams
对象是ES6的一部分,支持大多数现代浏览器。如果需要兼容旧版本的浏览器,可以使用现成的库,比如query-string
。