js修改url地址参数

在JavaScript中，可以使用以下代码来修改URL地址的参数：

function changeURLParam(url, paramName, paramValue) {
  let reg = new RegExp('(\[?&\]' + paramName + '=)\[^&\]*', 'i');
  if (url.match(reg)) {
    return url.replace(reg, '$1' + paramValue);
  } else {
    if (url.indexOf('?') === -1) {
      return url + '?' + paramName + '=' + paramValue;
    } else {
      return url + '&' + paramName + '=' + paramValue;
    }
  }
}

let currentURL = window.location.href;
let modifiedURL = changeURLParam(currentURL, 'type', 'newValue');
console.log(modifiedURL);

这段代码定义了一个名为`changeURLParam`的函数，它接受三个参数：URL地址、要修改的参数名和新的参数值。函数会根据参数名在URL中查找对应的参数，并将其值替换为新的参数值。如果URL中不存在该参数，则会在URL末尾添加该参数和对应的值。最后，函数会返回修改后的URL。

你可以将当前页面的URL作为参数传递给`changeURLParam`函数，然后将返回的修改后的URL赋值给`window.location.href`，即可实现修改URL地址参数的功能。
#### 引用[.reference_title]
- *1* [使用js修改url地址参数并修改url地址](https://blog.csdn.net/shadow_zed/article/details/112802245)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [JS 在不跳转情况下修改地址栏URL参数](https://blog.csdn.net/qq_41241504/article/details/126367345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]