ドキュメント(Document)

[up] [prev] [next]

目次

ドキュメントオブジェクト

window.document

表示している文書自体を示すドキュメントオブジェクトです。

色・背景色

document.bgColor
document.fgColor
document.linkColor
document.alinkColor
document.vlinkColor

<body> タグで指定する背景色(bgcolor)、テキストの色(text)、リンクテキストの色(link)、クリック中のリンクの色(alink)、参照済みのリンクの色(vlink)に対応する色を示す文字列です。値を代入することで、ダイナミックに色を変更することも可能です。

HTML
<form action="#">
<input type="button" value="red" onclick="document.bgColor='red'">
</form>

ドキュメントに書きこむ

document.open([mimeType [, replace]])

ドキュメントを開いて書込み可能にします。window.open() とは別物です。

JavaScript
top.main.document.open();
top.main.document.write("<html>\n");
top.main.document.write("<head><title>テスト</title></head>\n");
top.main.document.write("<body>へへへ</body>\n");
top.main.document.write("</html>\n");
top.main.document.close();
document.write(msg [, msg...])
document.writeln(msg [, msg...])

指定したドキュメントに文字列や値を書込みます。書き込みの最後は document.close() でクローズしないと、最後の行が表示されないことがあります。writeln() は write() とほぼ同様ですが、最後に改行コードが送り出される点が異なります。通常の HTML では改行は一文字のスペースになりますが、<pre>~</pre> などの間で用いると違いが分かります。現在では document.write() や document.writeln() を用いてドキュメントに書き込む方式はあまり推奨されていません。

JavaScript
document.writeln("<pre>");
document.writeln("AAA");
document.writeln("BBB");
document.writeln("</pre>");
document.close()

ドキュメントへの書き込みを閉じます。これを怠ると、write() や writeln() で書き出した内容がブラウザに表示されないことがあります。

document.clear()

ドキュメントの内容をすべてクリアします。

ドキュメント情報

document.lastModified

このドキュメントが最後に更新された時刻を示す文字列を返します。ブラウザやバージョンによって返される文字列のフォーマットはばらばらで、いろいろな問題があるため、使用するには注意が必要です。

Netscape Navigator 2.0 では「Sun Dec 31 23:59:59 2000」のような形式となり、これを Date() で解釈しようとするとアプリケーションエラーが発生することがあります。Netscape Navigator 3.0/4.0 では「12/31/00 23:59:59」のような形式となり、これを Date() で解釈しようとすると、00 を 1900 年と間違えてしまう問題があります。

IE3.0 では「日 12 31 23:59:59 2000」のような形式となり、これを Date() で解釈することはできません。IE4.0/IE5.0 では「12/31/2000 23:59:59」のような形式となりますが、IE4.0 では時間帯のバグがあり、タイムゾーン(TZ)の設定に関わらず常に UTC の値(9時間ずれた値)が返されます。

JavaScript
console.log("最終更新時刻: " + document.lastModified);
document.referrer

このページがどのページからジャンプしてきたか、ジャンプ元のページを示すアドレス(URL)を返します。セキュリティを考慮して参照できない場合もあります。

JavaScript
if (document.referrer) {
  console.log(document.referrer);
}
document.URL
document.domain

ドキュメントのアドレス(URL)と、そのドメイン名部分を返します。

document.title

<title> で指定されたドキュメントのタイトルを示す文字列を返します。

document.charset
document.defaultCharset

このドキュメントのキャラクタセットを示す文字列を返します。シフトJIS の場合は "shift_jis"、EUC の場合は "euc-jp" となります。

document.readyState

ページのダウンロード状態を "uninitialized", "loading", "interactive", "complete" のいずれかの文字列で返します。

ドキュメントの要素

document.all

このドキュメント中のすべてのエレメント(要素)を参照します。→ エレメント

document.activeElement

現在フォーカスが当たっているエレメントを返します。

document.elementFromPoint(x, y)

x, y 座標にあるエレメントを返します。

document.createElement(tag)

エレメントオブジェクトを新規に作成します。IE4.0 では OPTION と IMAGE のみ作成可能でしたが、IE5.0 ではすべての要素を作成可能になりました。作成したオブジェクトは、add() や appendChild() などで画面に反映させます。

HTML
<script>
function func() {
  elm = document.createElement("OPTION");
  elm.text = "CCC";
  document.F1.S1.add(elm);
}
</script>
<form name="F1" action="#">
<select name="S1" size=5>
<option>AAA
<option>BBB
</select>
<input type="button" onclick="func()" value="Add">
</form>

その他

とほほのCookie入門」を参照。

document.parentWindow

親のウィンドウオブジェクト。

document.expando

オブジェクトの属性を拡張することが禁止されているかどうかを示す真偽値。初期値は true。例えば、属性の大文字と小文字を間違えて document.bgcolor = "red"; とした場合、自動的に bgcolor という新しい属性が追加されるが、document.expando = false; としておくことで、これを禁止することができるようになる。

document.embeds

<embed>に対応する埋め込みオブジェクトの配列。

document.getSelection()

現在選択されている文字列を得る。

document.selection
document.selection.type
document.selection.clear()
document.selection.empty()
document.selection.createRange()

現在選択されている文字列を示すオブジェクト。

JavaScript
xx = document.selection.createRange();
alert(xx.text);
document.createStyleSheet([URL [, index]])

このドキュメントに、別ファイルで記述したスタイルシートを適用する。URL には外部スタイルシートファイルのアドレス(URL)を、index には、styleSheets オブジェクトリスト上のインデックスを指定する。

HTML
<input type="button" value="夏のテーマ"
 onclick="document.createStyleSheet('summer.css')">
document.showHelp(URL [, content])

ヘルプを表示する。Microsoft HTML Help でのみ使用可能。

document.handleEvent(event)
document.releaseEvents(events)
document.routeEvent()

イベントに関する処理を行います。


[up] [prev] [next]
Copyright (C) 1996-2001 杜甫々
改訂版初版:2001年5月20日
http://www.tohoho-web.com/js/document.htm