JS 保留原始URL的所有参数然后新增参数

15 min read

你可以使用 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