ホーム>Web デザインのチュートリアル>JavaScript チュートリアル

現在のページでURL URL情報を正確に取得する方法

著者：Eve Cole 更新時間：2025-07-10 04:00:02

Web開発では、JavaScriptを使用して、現在のページのURL URL情報を取得するために使用されます。 URL情報の取得に関する私の簡単な要約のいくつかを次に示します。

URLの例を示してから、そのコンポーネントを取得しましょう：http：//i.cnblogs.com/editposts.aspx?opt=1

1。window.location.href（url全体を文字列として設定または取得する）

var test = window.location.href;

アラート（テスト）;

返品：http：//i.cnblogs.com/editposts.aspx?opt=1

2。window.location.protocol（URLの設定または取得のプロトコル部分）

var test = window.location.protocol;

アラート（テスト）;

返品：http：

3。window.location.host（URLのホスト部分を設定または取得）

var test = window.location.host;

アラート（テスト）;

I.cnblogs.comに戻ります

4。window.location.port（URLに関連付けられたポート番号を設定または取得）

var test = window.location.port;

アラート（テスト）;

return：空の文字（デフォルトの80ポートが使用される場合（更新：80が追加されている場合）、返品値はデフォルト80ではなく空の文字です）

5。window.location.pathname（urlのパス部分を設定または取得する（つまり、ファイルアドレス））

var test = window.location.pathname;

アラート（テスト）;

return： /editposts.aspx

6。Window.Location.Search（疑問符に従うHREF属性の一部を設定または取得）

var test = window.location.search;

アラート（テスト）;

返品：？opt = 1

PS：クエリ（パラメーター）パーツを取得します。動的言語に値を割り当てることに加えて、静的ページを提供し、JavaScriptを使用して、必要とするパラメーターの値を取得することもできます。

7。window.location.hash（href属性のポンドサイン「＃」の後にセグメントを設定または取得）

var test = window.location.hash;

アラート（テスト）;

返品：空の文字（URLにはないため）

8。JSURLでパラメーター値を取得します

1。通常の法律

関数getQueryString（name）{var reg = new regexp（ '（^|＆）' + name + '=（[^＆]*）（＆| $）'、 'i'）; var r = window.location.search.substr（1）.match（reg）; if（r！= null）{unescape（r [2]）; } return null;} //この方法を呼び出します：alert（getquerystring（ "parameter name 1"））;アラート（getquerystring（ "パラメーター名2"））;アラート（getquerystring（ "パラメーター名3"））;

2。分割方法

関数getRequest（）{var url = location.search; //「？」の後に文字列を取得しますurl var goost = 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（）; <br> // var id = request ["id"]; // varパラメーター1、パラメーター2、パラメーター3、パラメーターn; //パラメーター1 =要求['パラメーター1']; //パラメーター2 =要求['パラメーター2']; //パラメーター3 =要求['パラメーター3']; //パラメーターn =リクエスト['パラメーターn'];

3。取るように指定されています

たとえば、URL：http：//i.cnblogs.com/?j=js。パラメーターjの値を取得したい場合は、次の関数を介して呼び出すことができます。

関数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 == "未定義"？ "" ： コンテクスト; } alert（getquerystring（ "j"））;

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

関数getRequest（）{var url = location.search; //「？」の後に文字列を取得しますurlの文字if（url.indexof（ "？"）！= -1）{//パラメーターがあるかどうかを判断var str = url.substr（1）; //最初のキャラクターから0番目は？疑問マークstrs = str.split（ "="）を除くすべての文字列を取得するための符号。 // equime sign（1つのパラメーターのみがあることがわかっているため、均等符号を直接使用して分離して、＆符号を分離してからequime signを使用する）アラート（strs [1]）を使用すると個別に直接使用します。 //最初のパラメーターにサインアップします（複数のパラメーターがある場合は、ループする必要があります）}}

上記はこの記事に関するすべてです。現在のページでURL URL情報を取得する方法を誰もが理解することが役立つことを願っています。

関連記事