JavaScript 修改地址栏指定参数

知秋~

已于 2022-06-07 09:43:08 修改

阅读量4.4k

点赞数 1

文章标签： js修改地址栏指定参数修改url参数

于 2019-04-17 17:34:58 首次发布

原文链接：https://tiicle.com/items/341/javascript-to-modify-the-address-bar-specified-parameters

版权

假如当前地址栏链接为：https://test.com/?type=students&page=3

//定义替换参数的方法
function changeURLArg(url,arg,arg_val){ 
    var pattern=arg+'=([^&]*)'; 
    var replaceText=arg+'='+arg_val; 
    if(url.match(pattern)){ 
        var tmp='/('+ arg+'=)([^&]*)/gi'; 
        tmp=url.replace(eval(tmp),replaceText); 
        return tmp; 
    }else{ 
        if(url.match('[\?]')){ 
            return url+'&'+replaceText; 
        }else{ 
            return url+'?'+replaceText; 
        } 
    } 
    return url+'\n'+arg+'\n'+arg_val; 
}

var thisurl=window.location.href;   //https://test.com/?type=students&page=3
var newurl=changeURLArg(thisurl,'page','10');
alert(newurl);   //https://test.com/?type=students&page=10
var newurl2=changeURLArg(thisurl,'type','teachers');
alert(newurl2);   //https://test.com/?type=teachers&page=3

原文链接：https://tiicle.com/items/341/javascript-to-modify-the-address-bar-specified-parameters