ホームページ > ウェブフロントエンド > jsチュートリアル > js get URLパラメータのコード例共有(JS操作URL)_javascriptスキル

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

WBOY
リリース: 2016-05-16 17:09:23
オリジナル
1396 人が閲覧しました

コードは非常にシンプルで、主なアイデアは 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 名前空間であり、それ以外の何ものでもありません。電話:

コードをコピー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート