URL 매개변수를 동적으로 추가하고 URL 매개변수 값을 수정하는 JS 사용자 정의 기능 함수_javascript 기술

프런트엔드 개발이든 백엔드 디자인이든 개발자는 현재 또는 대상 URL에 대한 관련 정보를 얻어야 하는 경우가 많습니다. 미리 만들어진 이 내장 개체 속성을 직접 호출할 수 있습니다(다음은 현재 페이지를 가져오는 참조 코드입니다)

코드 복사 코드는 다음과 같습니다.

그러나 때때로 현재 URL의 매개변수/매개변수 값을 변경해야 할 경우가 있습니다. 일반적으로 먼저 모든 매개변수의 정보를 얻은 다음 실제 필요에 따라 특정 매개변수를 수정해야 합니다. 좋아요! 오늘은 이 원칙을 바탕으로 개발 과정에서 제가 캡슐화한 기능적 기능을 여러분과 공유하겠습니다.
//================ URL 매개변수 값 변경================

코드 복사 코드는 다음과 같습니다.

function ChangeURLParm(Turl,Parm,PValue,ClearParm){
//Turl: URL
//Parm: 매개변수
//PValue: 매개변수 값
//ClearParm: 삭제할 매개변수
var URL,Parms,ParmsArr,IsExist
var NewURL; = Turl;//window .location.href
IsExist = false;
with(Turl){
if(indexOf('?')>0){
URL = substr(0, indexOf('?') );//매개변수를 포함하지 않습니다
Parms = substr(indexOf('?') 1,length);//매개변수
}
else{
URL = Turl ;
Parms = ' ';
}
}
if (Parms!=''){
ParmsArr = Parms.split("&"); 🎜>for(i=0 ;iif (String(Parm).toUpperCase()==String(ParmsArr[i].split("=")[0 ]).toUpperCase()) {//Parm 매개변수가 있는 경우 해당 값을 변경합니다.
ParmsArr[i] = Parm "=" PValue;
IsExist = true
if (String(ClearParm) ==""){
break;
}
}
else if ( (String(ClearParm)!="") && (String(ClearParm).toUpperCase()==String(ParmsArr [i].split("=" )[0])).toUpperCase() ){//ClearParm 매개변수 값 제거
ParmsArr[i] = ClearParm "="
}
}

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


사실 이 기능은 실제 응용, 특히 페이지 점프나 다중 조건 질의 검색과 같은 기능에서 매우 유용합니다.