説明

ブラウザやディスプレイの環境によって表示されたときの色合いは、少し違ってしまいます。 見る人が自分で、見易い背景色を選択できるように、背景色を選択するボタンを作ってみます。

実行例

コード

<INPUT type="button" value="赤" onClick="document.bgColor='#ffaaaa';">
<INPUT type="button" value="緑" onClick="document.bgColor='#aaffaa';">
<INPUT type="button" value="青" onClick="document.bgColor='#aaaaff';">
<INPUT type="button" value="白" onClick="document.bgColor='#ffffff';">

解説＆ステップアップ

スタイルシートで背景色を設定している場合は、そちらが有効になり、背景色は変わりません。 (確認IE ver.5.5）。
ちなみに「document.bgColor=null;」とした場合、NN(確認ver.4.7)だとウィンドウが妙な表示をすることがあります。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)