动态修改地址栏传参数

最新推荐文章于 2022-09-23 17:27:50 发布

聆听心碎的声音

最新推荐文章于 2022-09-23 17:27:50 发布

阅读量355

点赞数

分类专栏： router js react 文章标签： URL 参数修改历史记录 replaceState

本文链接：https://blog.csdn.net/bingfenghuiyipp/article/details/121273131

版权

js 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

react

6 篇文章 0 订阅

订阅专栏

router

2 篇文章 0 订阅

订阅专栏

export const changeURLArg = (url, arg, arg_val) => {
  // url当前地址window.location.href 
  // arg传参字段 例如?key={arg_val}
  // arg_val传参值
  const pattern = `${arg}=([^&]*)`;
  const replaceText = `${arg}=${arg_val}`;
  if (url.match(pattern)) {
    let tmp = `/(${arg}=)([^&]*)/gi`;
    tmp = url.replace(eval(tmp), replaceText);
    return tmp;
  }
  if (url.match('[\?]')) {
    return `${url}&${replaceText}`;
  }
  return `${url}?${replaceText}`;
}

//使用replaceState替换当前地址
window.history.replaceState('', '', changeURLArg(window.location.href, 'keyword','aa'));