更改页面的 bgcolor答案

【问题标题】：Change bgcolor of page更改页面的 bgcolor
【发布时间】：2012-06-26 06:24:33
【问题描述】：

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

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

【问题讨论】：

数组会大大减少重复次数。

标签： javascript html random background-color

【解决方案1】：

因为bgcolor 不存在。正确的命令如下：

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

或者您也可以通过它的 CSS 名称访问它：

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

【讨论】：

【解决方案2】：

Bgcolor 不是 javascript 函数，请尝试以下操作：

document.body.bgColor = '#000000';

【讨论】：

【解决方案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/

另外，这样，您可以继续添加颜色，或将颜色删除到数组中

【讨论】：