JS custom function function to dynamically add URL parameters and modify URL parameter values_javascript skills

Whether it is front-end development or back-end design, many times developers need to obtain relevant information about the current or target URL. This ready-made built-in object property can be called directly (the following is the reference code to get the current page)

Copy code The code is as follows :

But sometimes we need to change the parameters/parameter values ​​of the current URL. How will you deal with this? Generally, you should first obtain the information of all parameters, and then modify a certain parameter according to actual needs. That's right! Based on this principle, today I will share with you the functional functions that I encapsulate during development.
//================ Change the parameter value of the URL================

Copy code The code is as follows:

function ChangeURLParm(Turl,Parm,PValue,ClearParm){
//Turl: URL
//Parm: Parameter
//PValue: Parameter value
//ClearParm: Parameter to be cleared
var URL,Parms,ParmsArr,IsExist;
var NewURL = Turl;//window .location.href
IsExist = false;
with(Turl){
if(indexOf('?')>0){
URL = substr(0,indexOf('?') );//Does not contain parameters
Parms = substr(indexOf('?') 1,length);//Parameters
}
else{
URL = Turl;
Parms = ' ';
}
}
if (Parms!=''){
var i;
ParmsArr = Parms.split("&");
for(i=0 ;iif (String(Parm).toUpperCase()==String(ParmsArr[i].split("=")[0]).toUpperCase()) {//If there is a parameter Parm, change its value
ParmsArr[i] = Parm "=" PValue;
IsExist = true;
if (String(ClearParm) ==""){
break;
}
}
else if ( (String(ClearParm)!="") && (String(ClearParm).toUpperCase()==String(ParmsArr[i].split("=" )[0])).toUpperCase() ){//Remove the value of parameter ClearParm
ParmsArr[i] = ClearParm "=";
}
}

for(i= 0;iif(i==0){
Parms = ParmsArr[i];
}
else{
Parms = Parms "&" ParmsArr[i];
}
}
NewURL = URL "?" Parms;
if (!IsExist){
NewURL = NewURL "&" Parm "=" PValue ;
}
}
else{
NewURL = URL "?" Parm "=" PValue;
}
return NewURL;
}

In fact, this function is very useful in practical applications, especially in functions such as page jumps and multi-condition query searches.