なぜbgColorは#dededeになってしまったのでしょうか?

2023/07/28 13:43

このQ&Aのポイント

背景色が黒→白に変わるというスクリプトで、背景色が一定の値で固定されてしまう現象について質問しています。
スクリプト中にあるif文の条件式を削除した場合に、背景色が中途半端な#dededeという色で固定されてしまう問題が発生しました。
この現象の原因や解決策について、質問者が理解できないため、教授を求めています。

ベストアンサー

なぜbgColorは#dededeになってしまったのでしょうか?

2004/01/15 13:47

背景色が黒→白に変わるというスクリプトを書いてみて、実際の使用上はさほど問題ではないのですが、引っかかる部分があるので質問させていただきました。 <html> <head> <script type="text/javascript">  </script> </head> <body onload="FUNC()"> </body> </html> このスクリプトで、定義した配列数を超えると処理を中止させる if(i>=color.length){return;} を削除して実行すると、 color[15]を超えた時点、つまり背景色が終点の#ffffffからさらに変わろうとした段階で未定義値のエラーが出るかと思いきや、背景色が、中途半端な#dededeという色で固定されてしまいました。配列でいうと "#"+color[13]+color[14]+color[13]+color[14]+color[13]+color[14] ですね。なぜこのようになったのかさっぱり理解不能です。どなたかご教授をお願いいたします<(_ _)>

spnk55
お礼率87% (69/79)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

torakiyojp
ベストアンサー率58% (25/43)

2004/01/15 16:31 回答No.1

提示されているソースを少し変えてみました。 <html> <head> <script type="text/javascript">  </script> </head> <body onload="FUNC()"> </body> </html> これでわかるのは、予期しない値(undefinedの羅列)に#がつくと、#dededeになるということです。試しに、他の予期しない場合(以下)で実行してみると、 <html> <head> <script type="text/javascript">  </script> </head> <body onload="FUNC()"> </body> </html> #000a00になります。結局、定義していない配列の要素から値をとろうとすると、スクリプトエラーは出ず、undefinedという実際は何かわからないデータが返され、その何かわからないものによって色がつけられているというところでしょうか。 document.bgColorはどんな値をいれてもスクリプトエラーにはならなくて、なんらかの値を勝手にセットするみたいですね。

質問者

お礼 2004/01/15 18:17

bgColorはどんな値を入れてもスクリプトエラーにならないということで、いろいろ値を代入して試してみた結果、なぜ#dededeになったのかという仕組みが7割方理解できました。残り3割は理解できそうにないので深追いは避けておきます! どうもありがとうございました<(_ _)>

関連するQ&A

このスクリプトのどこが間違っているか教えてください
ブラウザウィンドウの背景を10秒ごとに、 1.jpg→2.jpg→3.jpg・・・というふうに変化させたいとします。以下のスクリプトを考えたんですが、「オブジェクトを指定してください。」とエラーが出ます。ただ単に背景を表示させるだけならうまくいくのですが、 setTimeoutメソッドを追加して背景を変化させようとするとエラーが出ます。一体どのようにすればうまくいくのでしょうか? よろしくお願いします<(_ _)> ********************************************* <html> <head> <script>  </script> </head> <body onLoad="FUNC()"> </body> </html> *********************************************
- ベストアンサー
- JavaScript
このタグはグラデーションですが、文字が小さくて困っています。
<html> <head> <title>文字にグラデーションをかけ１文字ずつ出力する</title> <script Language="JavaScript"></script> </head> <body bgcolor="white" onload="setText1()"> <div id="outText" style="position:absolute;top:50px;left:5px;"></div> </body> </html>
- ベストアンサー
- HTML
このタグが繰り返しにならないでしょうか？（今は、一度で終わります。）
このタグが繰り返しにならないでしょうか？（今は、グラデーションが一度で終わります。） <html> <head> <title>文字にグラデーションをかけ１文字ずつ出力する</title> <script Language="JavaScript"></script> </head> <body bgcolor="white" onload="setText1()"> <div id="outText" style="position:absolute;top:50px;left:5px;"></div> </body> </html>
- ベストアンサー
- その他（インターネット・Webサービス）
外部シートの背景色を得る
xx.cssに .bodybg{background-color: #eeeeee} と書いてあります。こうしてbodyの背景色が決められています。このbodyの中から#eeeeeeを得ようとして <head> <title></title> <link rel="stylesheet" type="text/css" href="xx.css"> </head> <body class="bodybg"> <script language="JavaScript"> function func(){ alert(document.body.bgColor) } </script> と書きました。得たいのは#eeeeeeですが、単に#eeeeeeといて得るのではなく、bodyの背景色を得る方法を教えてください。
- ベストアンサー
- JavaScript
指定した背景画像をサイトを訪れるたびに切り替える
Javascript初心者で、全く見当がつきません。お力をお貸しください。参考サイトのように、 Bodyではなく、DivのID一部分のみ、背景画像がサイトを訪れるたびに切り替わるようにしたいのですが，どのサンプルも「Body」の背景が変わってしまいます。どなたか、お答えして頂けないでしょうか？ <参考サイト> http://www.upenn.edu/ <現在記述中のソース> <html> <head> <style type="text/css"> #content { color: #ffe700; font-size: 30px; height: 600px; } </style> <title>見る度に背景色が変わります</title> <script language="JavaScript">  </script> </head> <body onLoad="color()"> 見る度に背景色が変わります<br> <div id="content"> ここの背景にランダムに画像が変更して欲しい。Bodyではなく、Divの指定したID内にのみ表示して欲しいのです</div> </body> </html>
- ベストアンサー
- JavaScript
タイプライター風 part２
以前、pesoさん、xruzさんに教えられたこと等をもとに以下のようなscriptを作成しました。／／／／／／／ <head> <script language="javascript">  </script> </head> <body bgcolor="#cccccc" onload="type()"> <div id="myText" style="position:absolute;top:20;left:20;"></div> </body> pesoさん、xruzさん、ありがとうございました。これでほぼ、僕の作りたいスクリプトができました。(不要なところもありますが......) ですが、このままだとstr1のみしか表示されず、str2、str3は表示されません。(当然ですが) str1を表示した後にstrにstr2、str3を入れるにはどうしたらいいのでしょうか？(以前、xruzさんに教えていただいたスクリプトを永遠に続けるような感じです。)
- ベストアンサー
- JavaScript
文字を一文字ずつ表示
JavaScriptで文字を一文字ずつ表示するサンプルを見つけ、使おうとしたところdocument.allが使われていた為、ネスケで対応できない事が分かりました。ネスケ4.7で対応するようにするにはどのように変えたらいいのか教えて頂きたく宜しくお願いいたします。 <SCRIPT Language="JavaScript">  </SCRIPT> </HEAD> <BODY onLoad="Start()"> <DIV id="myText"></DIV> </BODY> 宜しくお願い致します。
- ベストアンサー
- JavaScript
文字色の変化
<HTML> <HEAD> <TITLE>bgcolor</TITLE> <SCRIPT LANGUAGE="JavaScript"> function dispbk(t){ for (i=0; i<=255; i++){ for (j=0;j<t;j++){ c=i+i*256+i*256*256; c="000000"+c.toString(16); c=c.substring(c.length-6,c.length); document.bgColor=c; } } } </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> dispbk(3); </SCRIPT> <HR> <H1>教えて！GooH1> <HR> </BODY> </HTML> これと同じような書き方で、 1.背景を黒から白からに徐々に変えながら文字を白から黒に徐々に変えるプログラム 2.文字の色だけが一文字ずつ白から黒に変わるプログラムの書き方を教えてください。
- ベストアンサー
- JavaScript
画像をフェードインさせるタグについて
HP作成の際、画像をフェードインさせたいのですが、以下のタグをコピーして貼り付けてもエラーになります。どこを修正したらよいのでしょうか？よろしくお願いします<m(__)m> <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="fdInImg()"> 画像が順番にフェードインします。<BR><BR> <IMG src="画像のアドレス"> <IMG src="画像のアドレス"> <BR><BR> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
useless setTimeout cal　
すみません。教えて下さい。下のコードを書いて、動きはするんですが、実行後に「useless setTimeout cal」というエラーが出てしまいます。エラーを回避したいのですが、どうすればいいのでしょうか。 IE6/IE8/firefox3.6 などで試しました *********************************** <html> <head> <script type = 'text/javascript'> function item(){ var i = 0; write(); function write(){ document.write(i+"<br>"); i ++; if(i<10){setTimeout(write(),100);} } } </script> </head> <body> <script type = 'text/javascript'>item();</script> </body> <html> ***********************************
- ベストアンサー
- JavaScript