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

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

코드 복사 코드는 다음과 같습니다. thisURL = document.URL thisHREF = document.location.href; 🎜>thisSLoc = self.location .href; thisDLoc = document.location; strwrite = " thisURL: [" thisURL "] " strwrite = " thisHREF: [" thisHREF "] " strwrite = " thisSLoc: [" thisSLoc "] " strwrite = " thisDLoc: [" thisDLoc "] " document.write( strwrite ) ;

그러나 때때로 현재 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 ;i if (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;i if(i==0){ Parms = ParmsArr[i] } else{ Parms = Parms "&" ParmsArr[i] } } NewURL = URL "?" Parms; = NewURL "&" Parm "=" PValue ; } } else{ NewURL = URL "?" Parm "=" PValue return NewURL; 🎜>}

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