本文描述了用JavaScript点击按钮来切换网页背景色的方法。分享给大家参考，如下：

这里，演示了JavaScript如何使用按钮随意改变背景颜色。每次点击按钮，都可以随机改变网页的背景颜色。颜色值预先存储在JS数组中，你会在代码中找到它们。如果你不想要某种颜色，就换掉它。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www . w3 . org/TR/HTML 4/loose . DTD ' htmlhearteta http-equiv=' Content-Type ' Content=' text/HTML；charset=GB 2312 ' title通过按钮/title/headsdyscript language=' JavaScript ' var array color=new array(' olive '，' teal '，' red '，' blue '，' maroon '，' navy '，' lime '，' fuschia '，' green '，'紫色'，'灰色'，'黄色'，' aqua '，'白色'，'银色')；var n=0；函数turn colors(){ if(n==(Arraycolor . length-1))n=0；n；document . bgcolor=Arraycolor[n]；}/script form name=' form 1 ' method=' post ' action=' p input type=' button ' name=' submit ' value=' transform background ' onclick=' turn colors()'/p使用按钮来转换背景颜色。/p/form/body/html我希望本文中描述的内容对JavaScript编程有用。