HTML - JavaScript jQuery - 現在の情報を取得

 クラウディア
1. 概要
2. 現在の情報を取得
3. やってみる

1. 概要

 「location」オブジェクトの中をさわることで、現在の情報を取得することができるようです。  「PHP」でいうところの「$_SERVER」に相当する感じでしょうか。  本ページは、下記のサイトを参考にさせていただきました。
JavaScript | 現在のページのURLを取得する(location.href)

2. 現在の情報を取得

 「location」の中は、以下のように取得できます。
 変数   意味   備考 
location.href 「URL」全体
location.protocol 「URL」のプロトコル
location.host 「URL」のホスト名(ポート番号含む)
location.hostname 「URL」のホスト名
location.port 「URL」のポート番号
location.pathname 「URL」のパス部分
location.search 「URL」のクエリ文字列
location.hash 「URL」のアンカー部分

3. やってみる

 このページでとれるものをとってきて、表示してみます  「.html」で

	・href		「<span id="href"></span>」
	・protocol	「<span id="protocol"></span>」
	・host		「<span id="host"></span>」
	・hostname	「<span id="hostname"></span>」
	・pathname	「<span id="pathname"></span>」
 と書いておきます。  「javascript」で

function printLocation()
{
	document.getElementById("href").innerHTML = location.href;
	document.getElementById("protocol").innerHTML = location.protocol;
	document.getElementById("host").innerHTML = location.host;
	document.getElementById("hostname").innerHTML = location.hostname;
	document.getElementById("pathname").innerHTML = location.pathname;
}
 と書いておきます。  「.html」で

<body onload="printLocation()">
 と書いておけば、下記のように表示されます。 ・href 「」 ・protocol 「」 ・host 「」 ・hostname 「」 ・pathname 「