梅ちゃん堂 > JavaScript 入門 > JavaScript 実用編 >
- ページ情報の取得 -

ページ名の取得

ページ名
ソース:

document.write(document.title);

Internet Explorer 3.x 以上、Netscape 6.x 以上では、 document.title を取得するだけでなく設定することもできます。

URL の取得

URL
ソース:

document.write(document.URL);

document.location でも同様の結果を得ることが出来ます。

最終更新日の取得

最終更新日
ソース:

document.write(lastModified);

表示形式はブラウザにより若干異なります。

リンクされているスタイルシートの取得

スタイルシート
ソース:

if (document.styleSheets)
document.write(document.styleSheets[0].href);

Internet Explorer 5.x 以上、Netscape 6.x 以上で取得可能です。

背景色の取得

背景色
ソース:

document.write(bgColor);

Opera 6.x ではサポートされていないようです。

文字色の取得

文字色
ソース:

document.write(fgColor);

Netscape 6.x、Opera 6.x ではサポートされていないようです。

link 色の取得

link 色
ソース:

document.write(linkColor);

スタイルシートではなく、HTML の <BODY> タグ内で定義された link の色を取得します。 Opera 6.x ではサポートされていないようです。

alink 色の取得

alink 色
ソース:

document.write(alinkColor);

スタイルシートではなく、HTML の <BODY> タグ内で定義された alink の色を取得します。 Opera 6.x ではサポートされていないようです。

vlink 色の取得

vlink 色
ソース:

document.write(vlinkColor);

スタイルシートではなく、HTML の <BODY> タグ内で定義された vlink の色を取得します。 Opera 6.x ではサポートされていないようです。

リンクの取得

試みに、ここに2つのリンクを上げてみます。
TFP-CLUB
Yahoo! Japan
梅ちゃん堂(筆者のホームページ)

リンク
ソース:

<FORM>
  <INPUT type="button" value="リンク情報" onClick="var LL = document.links.length; var linking = ''; for ( i = 0; i < LL; i++) linking += ( i + ' href: ' + document.links[ i ].href + '\n'); alert('リンク数:' + LL + '\n' + linking);">
</FORM>

document.links.length でリンク数を、document.links[リンク番号].href でリンク先 URL を取得しています(設定もできます)。

リンク数が全部で 9 なのは、このページの上の方にあるリンク 1 個と、下の方にあるリンク 5 個も含まれているからです。

アンカーの取得

アンカー
ソース:

with(document) {
  write("アンカー数:" + anchors.length + "<BR>"+"アンカー名:");
  for( i = 0; i < anchors.length; i++) write( anchors[ i ].name + "<BR>");
}

アンカーとは <A name="***"> で設定されるページ内リンクのことです。 document.anchors.length でアンカー数が、 document.anchors[アンカー番号].name でアンカーの name が取得されます。

フレームの取得

フレーム
ソース:

with(document) {
  write("親フレーム:" + parent.location + "<BR>");
  write("子フレーム数:" + parent.frames.length);
  write("<TABLE>");
  write("<TR><TH>URL</TH><TH>name</TH></TR>");
  for( i = 0; i < parent.frames.length; i++) {
    write("<TR>");
    write("<TD>" + parent.frames[ i ].location + "</TD>");
    write("<TD>'" + parent.frames[ i ].name + "'</TD>");
    write("</TR>");
  }
  write("</TABLE>");
}

このページのようにフレームを持つ場合に有効です。 現在のページからフレーム情報にアクセスするには、親(parent)フレームを基準として捉えると便利です。

ページ内のフォームや画像についての情報の取得は、それぞれフォームとの対話画像の制御を参考にして下さい。

最後に、オマケです。internet Explorer 5.x 以上及び Netscape 6.x 以上限定ですが、 下の「ノードを表示」ボタンをクリックしてみて下さい。 このページの全タグと属性が一覧表示されます(表示に数秒〜十数秒かかります)。

前ページに戻る 前ページに戻る 次ページに進む
Copyright © 2003 梅ちゃん堂. All Rights Reserved