ホームページ > ウェブフロントエンド > jsチュートリアル > URLパラメータ値を取得するjsメソッドの詳細説明

URLパラメータ値を取得するjsメソッドの詳細説明

coldplay.xixi
リリース: 2020-06-13 12:58:53
転載
3463 人が閲覧しました

URLパラメータ値を取得するjsメソッドの詳細説明

URL パラメータ値を取得する js メソッド

Location オブジェクトは Window オブジェクトの一部であり、次のことができます。 window.location 属性からアクセスします。

hash: シャープ記号 (#) で始まる URL (アンカー) を設定または返します。

host: 現在の URL のホスト名とポート番号を設定または返します。

hostname: 現在の URL のホスト名を設定または返します。

href: 完全な URL を設定または返します。

pathname: 現在の URL のパス部分を設定または返します。

port: 現在の URL のポート番号を設定または返します。

protocol: 現在の URL のプロトコルを設定または返します。

search: 疑問符 (?) で始まる URL (クエリ部分) を設定または返します。

js が URL パラメーター値を取得する方法

1 つのパラメーター:

var test =window.location.href;
var 参数=test.split("?参数=")[1];
ログイン後にコピー

複数のパラメーター:

メソッド 1:

function GetQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
  var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
  var context = ""; 
  if (r != null) 
     context = r[2]; 
  reg = null; 
  r = null; 
  return context == null || context == "" || context == "undefined" ? "" : context; 
}
ログイン後にコピー

Call メソッド:

var 参数1 = GetQueryString['参数1'];
var 参数2 = GetQueryString['参数2'];
var 参数3 = 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[&#39;参数1&#39;];
参数2 = Request[&#39;参数2&#39;];
参数3 = Request[&#39;参数3&#39;];
参数N = Request[&#39;参数N&#39;];
ログイン後にコピー

推奨チュートリアル: 「JS チュートリアル

以上がURLパラメータ値を取得するjsメソッドの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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