JS 获取地址栏参数修改地址栏URL参数不跳转

最新推荐文章于 2024-01-06 14:08:59 发布

楚楚动人的明

最新推荐文章于 2024-01-06 14:08:59 发布

阅读量995

点赞数

分类专栏： JS 文章标签： javascript 开发语言 ecmascript 地址栏参数

本文链接：https://blog.csdn.net/weixin_38110122/article/details/125074044

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1.获取地址栏参数

/********
接收地址栏参数
**********/
function GetQuery(key) {
    var search = location.search.slice(1); //得到get方式提交的查询字符串
    var arr = search.split("&");
    for (var i = 0; i < arr.length; i++) {
        var ar = arr[i].split("=");
        if (ar[0] == key) {
            if (unescape(ar[1]) == 'undefined') {
                return "";
            } else {
                return unescape(ar[1]);
            }
        }
    }
    return "";
}

2.修改地址栏参数

/*
* changeURLStatic 修改地址栏URL参数 不跳转
*   @param name 参数名
*   @param value 参数值
*
* */
function changeURLStatic(name, value) {
    let url = location.href;
    let url2 = "";
    let reg = eval('/([\?|&]' + name + '=)[^&]*/gi');
    value = value.toString().replace(/(^\s*)|(\s*$)/g, "");  //移除首尾空格
    if (!value) {
         url2 = url.replace(reg, '');  //正则替换
    } else {
        if (url.match(reg)) {
             url2 = url.replace(reg, '$1' + value);  //正则替换
        } else {
             url2 = url + (url.indexOf('?') > -1 ? '&' : '?') + name + '=' + value;  //没有参数添加参数
        }
    }
    history.replaceState(null, null, url2);  //替换地址栏
}