location.hash …… 現在ページURLのハッシュ部分を参照する
広告
locationオブジェクトのhashプロパティは、現在ページURLのハッシュ部分(URLの#以降)を参照します。
仮に現在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」
■構文・引数・戻り値
- 構文
- location.hash
- 戻り値
- 現在ページURLのハッシュ部分
■使用例
HTML + JavaScriptソース
<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(“
location.protocolは「” + h(location.protocol) + “」
“);
document.write(“
location.hostnameは「” + h(location.hostname) + “」
“);
document.write(“
location.hostは「” + h(location.host) + “」
“);
document.write(“
location.portは「” + h(location.port) + “」
“);
document.write(“
location.pathnameは「” + h(location.pathname) + “」
“);
document.write(“
location.searchは「” + h(location.search) + “」
“);
document.write(“
location.hashは「” + h(location.hash) + “」
“);