document.link.hostname …… リンク先URLのホスト名を参照する
広告
linkオブジェクトのhostnameプロパティは、リンク先URLのホスト名を参照します。
■構文・引数・戻り値
- 構文
- linkオブジェクト名.hostname
- 戻り値
- リンク先URLのホスト名
■使用例
HTML + JavaScriptソース
<p>
<a id="samplelink" href="https://www.htmq.com:8000/js/index.php?q=javascript#link" target="_blank">
サンプルリンク
</a>
</p>
<script>
var linkObj = document.getElementById("samplelink");
document.write("<div>hrefは「" + linkObj.href + "」</div>");
document.write("<div>targetは「" + linkObj.target + "」</div>");
document.write("<div>protocolは「" + linkObj.protocol + "」</div>");
document.write("<div>hostnameは「" + linkObj.hostname + "」</div>");
document.write("<div>hostは「" + linkObj.host + "」</div>");
document.write("<div>portは「" + linkObj.port + "」</div>");
document.write("<div>pathnameは「" + linkObj.pathname + "」</div>");
document.write("<div>searchは「" + linkObj.search + "」</div>");
document.write("<div>hashは「" + linkObj.hash + "」</div>");
</script>
↓↓↓
ブラウザ上の表示
“);
document.write(“
targetは「” + linkObj.target + “」
“);
document.write(“
protocolは「” + linkObj.protocol + “」
“);
document.write(“
hostnameは「” + linkObj.hostname + “」
“);
document.write(“
hostは「” + linkObj.host + “」
“);
document.write(“
portは「” + linkObj.port + “」
“);
document.write(“
pathnameは「” + linkObj.pathname + “」
“);
document.write(“
searchは「” + linkObj.search + “」
“);
document.write(“
hashは「” + linkObj.hash + “」
“);
