js get URLパラメータのコード例共有（JS操作URL）_javascriptスキル

コードは非常にシンプルで、主なアイデアは URL パラメータを JS オブジェクトに解析することです。その後、追加、削除、変更、確認するのに非常に便利です。ここでメモを取ってください。

コードをコピー コードは次のとおりです。

var LG=(function(lg){
var objURL=function(url){
this.ourl=url||window.location.href;
this.href="";//?前部分
this.params= {};/ /url パラメータ オブジェクト
this.jing="";//#以降の部分
this.init();
}
// URL を解析し、?これを this.href の前に格納します。パラメータは this.params オブジェクトに解析されます。 # および以下は this.jing
objURL.prototype.init=function(){
var str=this.ourl に格納されます;
varindex=str.indexOf( "#");
if(index>0){
this.jing=str.substr(index);
str=str.substring(0) ,index);
}
インデックス = str.indexof ("?");
if (インデックス & gt; 0) {
this.href = str.substring (0, インデックス);
str = str.substr (インデックス 1);
var Parts=str.split("&");
for(var i=0;i var kv=parts[0].split("=" );
this.params[kv[0]]=kv[1];
}
}
else{
this .href=this.ourl;
This.params ={};
}
}
//this.params を変更するだけ
objURL.prototype.set=function(key,val) {
this.params[key]=val;
}
//this.params
objURL.prototype.remove=function(key){
this.params[key] を設定するだけです=unknown;
}
//操作後の 3 つの部分は URL を構成します
objURL.prototype.url=function(){
var strurl=this.href;
var objps=[];//ここでは配列構成が使用され、結合操作が実行されます。
for(var k in this.params){
if(this.params[k]){
objps .push(k "=" this.params[k]);
} strurl =this.jing;
}
return strurl;
}
//パラメータ値を取得します
objURL.prototype.get=function(key){
return this .params[key];
}
lg.URL=objURL;
return lg;
}(LG||{}));



LG は単なる私個人の共通 JS 名前空間であり、それ以外の何ものでもありません。電話:

コードをコピー

コードは次のとおりです:

var myurl=new LG.URL("http://www.baidu.com?a=1");

myurl.set("b","hello"); // b=hello
アラート (myurl.url());

myurl.remove("b"); // b

アラート(myurl.get (" a"));//パラメータ a の値を取得します。ここでは 1

を取得します。 myurl.set("a",23); // a の値を 23

に変更します。アラート (myurl.url());