js修改浏览器地址栏里url的方法

最新推荐文章于 2025-06-17 09:51:47 发布

不怕麻烦的鹿丸

最新推荐文章于 2025-06-17 09:51:47 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_31851435/article/details/134576225

JavaScript 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了两个JavaScript函数：updateQueryStringParameter用于更新URL参数值，removeQueryStringParameter用于删除URL参数。通过history.replaceState方法更新URL时，不会影响浏览器历史记录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、更新url某一参数的值

function updateQueryStringParameter(uri, key, value) {
  if (!value) { return uri }
  var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
  var separator = uri.indexOf('?') !== -1 ? "&" : "?";
  if (uri.match(re)) {
    return uri.replace(re, '$1' + key + "=" + value + '$2');
  }
  else {
    return uri + separator + key + "=" + value;
  }
}

2、删除url某一参数

function removeQueryStringParameter(uri, key) {

  var re = new RegExp("([&]?)" + key + "=.*?(&|$)", "i");
  var separator = uri.indexOf('?') !== -1 ? "&" : "?";
  if (uri.match(re)) {
    return uri.replace(re, '');
  }

}

3、使用

let newurl = updateQueryStringParameter(window.location.href, 'projectId', '123');
                   
// 更新当前url，没有历史记录
window.history.replaceState({
  path: newurl
}, '', newurl);

let newurl = removeQueryStringParameter(window.location.href, 'projectId');
           
// 更新当前url，没有历史记录
window.history.replaceState({
  path: newurl
}, '', newurl);