地址栏拼接的函数封装

mmyy_

已于 2022-03-28 11:26:44 修改

阅读量246

点赞数

文章标签：前端

于 2022-03-28 11:20:56 首次发布

本文链接：https://blog.youkuaiyun.com/mmyy_/article/details/123790895

版权

不用qs库的地址栏拼接参数方法，非原

  const getQueryString = (name, value) => {
    var url = location.href
    var reg = eval('/([?|&]' + name + '=)[^&]*/gi')
    value = value.toString().replace(/(^\s*)|(\s*$)/g, '') //移除首尾空格
    if (!value) {
      var url2 = url.replace(reg, '') //正则替换
    } else {
      if (url.match(reg)) {
        var url2 = url.replace(reg, '$1' + value) //正则替换
      } else {
        var url2 = url + (url.indexOf('?') > -1 ? '&' : '?') + name + '=' + value //没有参数添加参数
      }
    }
    history.replaceState(null, null, url2)
  }

创，单纯记录

  const queryParams = (name) => {
    const search = location.search // 返回类似于 ?a=10&b=20&c=30
    const res = new URLSearchParams(search)
    return res.get(name)
  }