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

最新推荐文章于 2024-05-30 08:01:28 发布

不怕麻烦的鹿丸

最新推荐文章于 2024-05-30 08:01:28 发布

阅读量1.2k

点赞数 1

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

本文链接：https://blog.csdn.net/qq_31851435/article/details/134576225

版权

JavaScript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

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);