URLパラメータを動的に追加し、URLパラメータ値を変更するJSカスタム関数関数_JavaScriptスキル

フロントエンド開発であろうとバックエンド設計であろうと、開発者は多くの場合、現在の URL またはターゲット 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; = 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; ==""){ ブレーク; } } 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]; } } if (!IsExist){ NewURL = NewURL "&" Parm "=" PValue ; } } else{ NewURL = URL "= } return NewURL; 🎜>}

実際、この関数は実際のアプリケーション、特にページ ジャンプや複数条件のクエリ検索などの関数で非常に役立ちます。