locationオブジェクトのhostnameプロパティは、現在ページURLのホスト名を参照します。
尚、ホスト名とポート番号の両方を同時に取得する場合にはhostプロパティを使用します。
仮に現在URLが以下の場合、locationオブジェクトの各プロパティの値は以下の通りです。
現在URLの例：https://www.htmq.com:8000/js/index.php?q=javascript#link
location.hrefは「https://www.htmq.com:8000/js/index.php?q=javascript#link」 location.protocolは「http:」 location.hostnameは「www.htmq.com」 location.hostは「www.htmq.com:8000」 location.portは「8000」 location.pathnameは「/js/index.php」 location.searchは「?q=javascript」 location.hashは「#link」
<script>
document.write("<div>location.hrefは「" + location.href + "」</div>");
document.write("<div>location.protocolは「" + location.protocol + "」</div>");
document.write("<div>location.hostnameは「" + location.hostname + "」</div>");
document.write("<div>location.hostは「" + location.host + "」</div>");
document.write("<div>location.portは「" + location.port + "」</div>");
document.write("<div>location.pathnameは「" + location.pathname + "」</div>");
document.write("<div>location.searchは「" + location.search + "」</div>");
document.write("<div>location.hashは「" + location.hash + "」</div>");
</script>
“);
document.write(“
“);
document.write(“
“);
document.write(“
“);
document.write(“
“);
document.write(“
“);
document.write(“
“);
document.write(“
“);