ホームページ > ウェブフロントエンド > jsチュートリアル > JS_javascript スキルを使用して URL のパラメータ値 (QueryString) を共有する 4 つの方法

JS_javascript スキルを使用して URL のパラメータ値 (QueryString) を共有する 4 つの方法

WBOY
リリース: 2016-05-16 16:52:25
オリジナル
1470 人が閲覧しました

方法 1: 通常の方法

コードをコピー コードは次のとおりです:
function getQueryString(name) {
var reg = new RegExp('(^|&)' name '=([^&]*)(&|$)', 'i');
var r = window .location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null ;
}
// 次のように呼び出します:
alert(GetQueryString("パラメータ名 1"));

alert(GetQueryString("パラメータ名2"));

alert(GetQueryString("パラメータ名 3"));



メソッド 2: 分割メソッド

コードをコピーします コードは次のとおりです。
function GetRequest() {
var url = location.search; //「?」の後の URL を取得します。 "
の文字列 var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ) {
theRequest[strs[i].split("=")[0] ] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
var Request = new Object();
Request = GetRequest();
// var パラメータ 1、パラメータ 2、パラメータ 3、パラメータ N;
// パラメータ 1 = Request['パラメータ 1'];// パラメータ 2 =リクエスト ['パラメータ 2'];
//パラメータ 3 = リクエスト['パラメータ 3'];
//パラメータ N = リクエスト['パラメータ N'];

方法 3: 通常のルールも参照してください。

JS を通じて URL パラメーターを取得します。これはよく使用されます。たとえば、URL: http://wwww.jb51.net/?q=js の場合、パラメータ q の値を取得したい場合は、次の関数を通じてそれを呼び出すことができます。

コードをコピー コードは次のとおりです。
function GetQueryString(name) {
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1) ).match (reg); // URL の「?」文字の後の文字列を取得し、定期的に一致させます。
if (r != null)
[2];
reg = null;
コンテキスト == "" || コンテキスト == "" : コンテキスト; }
アラート (GetQueryString("q"));

方法 4: 単一パラメータを取得する


function GetRequest() {
var url = location.search; //URL の「?」文字の後の文字列を取得します
if (url.indexOf("?") != -1) { //パラメータがあるかどうかを判断します var str = url.substr(1); //疑問符を除くすべての文字列を取得するには、0 番目の文字が ? 記号であるため、最初の文字から開始します。 split ("="); // 等号で区切ります (パラメーターが 1 つしかないことがわかっているため、等号を使用して直接区切ります。複数のパラメーターがある場合は、& 記号を使用してから等号を使用して区切ります) them)

alter(strs[ 1]); // 最初のパラメータを直接ポップアップします (パラメータが複数ある場合はループされます) }}


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