アドレスバーURLパラメータを取得するjavascript/jqueryメソッド_javascriptスキル

jquery を使用して URL を取得することと、jquery を使用して URL パラメーターを取得することは、よく使用する操作です

1. jquery を使用して URL を取得するのは非常に簡単です。コードは次のとおりです。

コードをコピーします。コードは次のとおりです: window.location.href;

実際、JavaScript の基本的なウィンドウ オブジェクトのみを使用し、jquery
2. jquery を使用して URL パラメーターを取得するのはより複雑で、正規表現を使用する必要があるため、JavaScript の正規表現を学ぶことが重要です

まず、JavaScript を使用して URL 内の特定のパラメータを取得する方法を見てみましょう

コードをコピーします

コードは次のとおりです次のように:function getUrlParam(name){

var reg = new RegExp("(^|&)" name "=([^&]*)(&| $)") ; //ターゲットパラメータを含む正規表現オブジェクトを構築します

var r = window.location.search.substr(1).match(reg); //ターゲットパラメータと一致します
if (r!= null) return unescape(r[2]); //Return パラメータ値
}


これを通じてパラメータ名を渡すことでパラメータの値を取得できますたとえば、URL は
http://www.xxx.loc/admin/write-post.php?cid=79
cid の値を取得したい場合は、次のように記述できます。 :

コードをコピー

コードは次のとおりです:getUrlParam('cid');

JavaScript が URL パラメーターを取得する方法を理解します。このメソッドを使用して、jquery のメソッドを拡張して、jquery を通じて URL パラメーターを取得できます。次のコードは

コードは jquery の getUrlParam() メソッドを拡張します

コードをコピーします

コードは次のとおりです:(function($){$.getUrlParam

= function(name)

{
var reg
= new RegExp("(^|&)"
name "= ([^&]*)(&|$)");
var r
= window.location.search.substr(1).match(reg);
if (r !=null) return unescape(r[2]); return null;
}
})(jQuery);


このメソッドを jquery 用に拡張すると、次のようにして取得できます。以下のメソッド 特定のパラメータの値

コードをコピー

コードは次のとおりです: $.getUrlParam('cid ');