今見ているページ(URL)のホスト名をJavaScriptを使って取得する方法です。
やり方はとても簡単で、locationオブジェクトのhostnameプロパティを使うだけです。
つまり、
location.hostname
でホスト名の取得ができます。hostnameプロパティはホスト名だけを取得する場合に使います。
locationオブジェクトにはhostプロパティというものもあって、こちらはポート番号も取得できます。
※ホスト名を取得できると書きましたが、実際にはブラウザのURLのホスト部と同じ値を取得するようです。なので、IPアドレスでアクセスすると、IPアドレスを取得します。IPアドレス->ホスト名の変換はできないみたいです。
以下、サンプルコード(ファイル名:host.html)を紹介します。
<html>
<head>
<title>ホスト名取得</title>
</head>
<body>
<script type="text/javascript">
<!--
alert(location.hostname);
-->
</script>
</body>
</html>
<head>
<title>ホスト名取得</title>
</head>
<body>
<script type="text/javascript">
<!--
alert(location.hostname);
-->
</script>
</body>
</html>
http://localhost/host.htmlで叩くと、ダイアログには「localhost」と表示されます。
http://127.0.0.1/host.htmlで叩くと、ダイアログには「127.0.0.1」と表示されます。