Question

我正在制作一个网站，每当您访问主页时，页面的背景颜色变为10种颜色中的1种。每次我尝试下面的代码时，页面都会保持白色。

<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>

Answer 1

因为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和CSS background color in JavaScript

Answer 2

你可以像

那样做

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/

同样，这样，您可以继续添加颜色，或者将颜色移除到数组中

Answer 3

Bgcolor不是javascript函数，请尝试以下内容：

document.body.bgColor = '#000000';

更改页面的bgcolor

3 个答案: