目次

オブジェクトなJavaScriptの基礎講座

linksオブジェクト

◆ 概説

linksオブジェクトは、カレント(現在)のdocument上のリンク配列の情報を持ちます。 linksオブジェクトのプロパティは、以下の通りです。メソッドはありません。

linksオブジェクトのプロパティ

  hash         : アンカー名の設定
  host         : ホスト名の設定/取得
  hostname     : ホスト名とドメイン名の設定/取得
  href         : URLの設定/取得
  pathname     : パス名の設定/取得
  port         : ポート番号(80とか8080など)の設定/取得(なぜか取得できません?)
  protocol     : プロトコル(http:)の設定/取得
  search       : URLの?以降の設定/取得
  target       : ターゲットの設定/取得
  length       : ページのリンク数

例、ドキュメントに含まれる全リンクのURLをalertボックスに表示します。

<p>
<script type="text/javascript">
     document.write("ホスト名 :", location.host , "<br>");
     document.write("ドメイン名 :", location.hostname , "<br>");
     document.write("URL :", location.href, "<br>");
     document.write("パス名 :", location.pathname, "<br>");
     document.write("プロトコル名 :", location.protocol , "<br>");
     function linkdsp(){
        var n = document.links.length;
        var s = "";

        for(i = 0; i < n; i++){
            s = s + document.links[i].href + "\n";
        }
        alert(s);
     }
</script>
</p>
<form name="TestForm">
<p>
<INPUT TYPE="button" VALUE="linksオブジェクトのテスト" onClick="linkdsp()">
</p>
</form>

例の処理結果


目次