HTML - JavaScript jQuery - 現在の情報を取得
1. 概要 「location」オブジェクトの中をさわることで、現在の情報を取得することができるようです。 「PHP」でいうところの「$_SERVER」に相当する感じでしょうか。 本ページは、下記のサイトを参考にさせていただきました。 「JavaScript | 現在のページのURLを取得する(location.href)」 2. 現在の情報を取得 「location」の中は、以下のように取得できます。
「JavaScript | 現在のページのURLを取得する(location.href)」
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 「」
・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>」
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; }
<body onload="printLocation()">