下のボタンをクリックすると、背景色を変更できます。





<BODY>の部分の記述

<FORM METHOD="POST">
<INPUT TYPE="button" VALUE="White" onClick="document.bgColor='white'">
</FORM>

のように記述します。色の名前で指定できます。


色の名前は、HTML TAG Sampleの などを参考にしてください。



背景色の指定は、上記の色の名前での指定の他、

<FORM METHOD="POST">
<INPUT TYPE="button" VALUE="White" onClick="document.bgColor='ffffff'">
</FORM>

のようにRGB値で指定できます。

色番号は上記のように記述してください。"0xffffff"と記述すると正しい色で表示されません。
(異なった色で表示される。以下は"0xffffff"と記述した例です。)


色の番号は、HTML TAG Sampleの などを参考にしてください。



ブラウザ対応確認表
Netscape NavigatorInternet Explorer
Ver.2Ver.3GoldCommmuicatorVer.3
Ver.2.02
(Win95)
(Mac)
Ver.3.0[ja]
(Win95)
Ver.3.0
(Mac)
Ver.3.01Gold[ja]
(Win95)
Ver.3.01Gold
(Mac)
Commmunicator
4.0
PreRelease2
(Mac)
Ver.3.0
(Win95)
Ver.3.0.1b1
(Mac)
*1
×*2


( )
 

*1 Netscape Navigator Ver.2.02では、色を名前で指定した場合に(例えばフォントタグなどで)、 うまく表示されない色がありますが(上の例では、Aquamarine,Beige,Pinkなど)、この色指定はOKです。
(JavaScriptメソッドがRGB値と名前で利用できるため???)
*2 色は変更されるが、背景色以外表示されない。再表示が必要。




<うまく動作しない例>
onClickイベント処理関数を<HEAD>の部分に書き込むと、Internet Explorerでうまく動作しませんでした。
不具合例


Java Script サンプル集へ戻る