[ Javascript ] リクエスト URL を取得する ( window.location )

Pocket

Javascript では、window.location を使用してリクエストされた URL を取得することができます。ここでは、その取得結果例を掲載しています。

スポンサーリンク

window.location プロパティ
プロパティ 説明
hash # 記号に続くURL の部分
host ホスト名とポート番号。
hostname ホスト名(ポート番号を含まない)
href 完全な URL
pathname パス(ホストからの相対)
port URL のポート番号。
protocol URL のプロトコル
search ? 記号に続く URL の部分。? 記号も含みます

では、実際に以下の URL でアクセスされた場合の取得結果を確認してみます。

URL  :  http://localhost:8080/test/test.html?p1=1&p2=2#hash

alert('location.href     = ' + window.location.href);
alert('location.protocol = ' + window.location.protocol);
alert('location.host     = ' + window.location.host);
alert('location.hostname = ' + window.location.hostname);
alert('location.port     = ' + window.location.port);
alert('location.pathname = ' + window.location.pathname);
alert('location.search   = ' + window.location.search);
alert('location.hash     = ' + window.location.hash);

// 出力結果

// location.href     = http://localhost:8080/test/test.html?p1=1&p2=2#hash
// location.protocol = http:
// location.host     = localhost:8080
// location.hostname = localhost
// location.port     = 8080
// location.pathname = /test/test.html
// location.search   = ?p1=1&p2=2
// location.hash     = #hash

詳細は、以下のサイトを参照ください。英語版のほうが情報が豊富です。

参考

 

スポンサーリンク


Pocket

Leave a Comment

Your email address will not be published. Required fields are marked *