Question

JS点击更换网页背景颜色。

求助一个JS来控制网页的背景色，当点击“换色”字样背景颜色更换，当再次点击“换色字样”背景更换其他颜色。代码要简短，因为用在手机网页上。

Answer 1

javascript脚本：

<script type="text/javascript">
// 定义可换的颜色
var colors = ["#ff0000", "#00ff00", "#0000ff", "#ffff00", "#00ffff", "#ff00ff"];
var index = 0;
// 换色方法
function changeColor() {
	// 获取颜色代码
	var color = colors[index++];
	// 更改文档的背景色
	document.bgColor = color;
	if (index == colors.length) {
		index = 0;
	}
}
</script>

HTML代码：

<input type="button" value="换色" onclick="changeColor();" />

Answer 2

//传入一个颜色值，如：#ff0000
function changeColor(color){
    document.body.style.background = color;
}

点击时：

<div onclick="changeColor('#ff0000');">红色</div>

<div onclick="changeColor('#ffffff');">白色</div>