0

ホームページにアクセスするたびに、ページの背景色が 10 色のうちの 1 色に変わる Web サイトを作成しています。ページの下のコードを試すたびに、白いままになります。

<html>
<head>
<script type="text/javascript">
function rand() {
var r = Math.floor((Math.random()*10)+1);
if (r == 1) {bgcolor('#000000', 'body');}
if (r == 2) {bgcolor('#FFFFFF', 'body');}
if (r == 3) {bgcolor('#00FF00', 'body');}
if (r == 4) {bgcolor('#FF0000', 'body');}
if (r == 5) {bgcolor('#0000FF', 'body');}
if (r == 6) {bgcolor('#FFFF00', 'body');}
if (r == 7) {bgcolor('#00FFFF', 'body');}
if (r == 8) {bgcolor('#FF00FF', 'body');}
if (r == 9) {bgcolor('#C0C0C0', 'body');}
if (r == 10) {bgcolor('#700000', 'body');}
}
</script>
</head>
<body id="body" onload="rand()">
</body>
</html>
4

3 に答える 3

4

bgcolor存在しないからです。正しいコマンドは次のとおりです。

if (r == 1) {document.body.style.backgroundColor = '#000000';}

または、CSS 名でアクセスすることもできます。

if (r == 1) {document.body.style['background-color'] = '#000000';}

詳細はこちら: http://www.ezineasp.net/post/Javascript-Change-Background-Color-Style.aspxおよびJavaScript の CSS 背景色

于 2012-06-24T22:59:09.313 に答える
3

あなたはそれを好きにすることができます

var randomColors = ['#000000','#FFFFFF','#00FF00','#FF0000','#0000FF','#FFFF00','#00FFFF','#FF00FF','#C0C0C0','#700000']
var r = Math.floor((Math.random()*randomColors.length));
document.body.style.backgroundColor = randomColors[r];​

フィドル（実行を押し続けるだけ）

http://jsfiddle.net/keith_nicholas/ayhUM/

また、このようにして、配列に色を追加したり、色を削除したりできます

于 2012-06-24T23:04:14.787 に答える
1

Bgcolor は JavaScript 関数ではありません。以下を試してください。

document.body.bgColor = '#000000';
于 2012-06-24T23:01:22.167 に答える