如何使用javascript通过按钮更改网页背景颜色答案

【问题标题】：How to change webpage background color with button using javascript如何使用javascript通过按钮更改网页背景颜色
【发布时间】：2013-12-16 22:58:38
【问题描述】：

我正在尝试使用按钮更改网页背景颜色。我使用 JPG 作为按钮。

<head>
<script language="JavaScript">
 function changeBGC(color){
 document.bgColor = color;
 }
 </script>
 </head>

在体内

<img src="images/white01.jpg" alt= "White Background" width="255" height="38" type='button' value='White Background' onClick="javascript:changeBGC('#ffffff');return false" />

<img src="images/black01.jpg" alt= "Black Background" width="255" height="38" type="button" value='Black Background' onClick="javascript:changeBGC(#000000');return false" />

【问题讨论】：

我正在打电话，很抱歉看到大部分无益的评论，但这就像 1998 年的 javascript。您应该找到更好的指南... Mozilla 的开发中心是一个很好的资源，但我不确定它是否有适合初学者的教程...
你能说清楚你想要什么吗？

标签： javascript html image button background-color

【解决方案1】：

在<head> 标签上：

<script>
 function changeBGC(color){
  document.body.style.backgroundColor = color;
 }
</script>

按钮：

<img src="images/white01.jpg" alt= "White Background" width="255" height="38" type='button' value='White Background' onclick="changeBGC('#ffffff');return false" />

<img src="images/black01.jpg" alt= "Black Background" width="255" height="38" type="button" value='Black Background' onclick="changeBGC('#000000');return false" />

查看http://jsfiddle.net/a7guj/

【讨论】：

Html 错误：onClick="javascript:changeBGC(#000000');return false",missing "'"