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




Netscapeでは、指定の色に変更できますが、Explorerでは、指定色で表示されません。


<HEAD>の部分の記述

<SCRIPT LANGUAGE="JavaScript">
　　function backcolor(col){
　　　　document.bgColor=col;
　　}
</SCRIPT>

<BODY>と</BODY>の間に、

<FORM METHOD="POST">
<INPUT TYPE="button" VALUE="White" onClick="backcolor(0xffffff)">
</FORM>

のように記述しました。


下記のように色の名前で指定すると、ボタンをクリックした際に"JavaScript Error"となります。

<FORM METHOD="POST">
<INPUT TYPE="button" VALUE="White" onClick="backcolor(white)">
</FORM>


下記のようなRGB値で指定すると、ファイルを読み込む際に"JavaScript Error"となります。

<FORM METHOD="POST">
<INPUT TYPE="button" VALUE="White" onClick="backcolor(ffffff)">
</FORM>



ブラウザ対応確認表
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		○
○		○
(　)		　×*3
×*3

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


＜うまく動作する例＞
onClickイベント処理関数を<HEAD>の部分に書き込まず、<FORM>内で処理する。
詳細は、こちら

Java Script サンプル集へ戻る