JS点击更换网页背景颜色

Posted God丶魔多

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS点击更换网页背景颜色相关的知识,希望对你有一定的参考价值。

JS部分


<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();" />

  

以上是关于JS点击更换网页背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

炫酷 CSS 背景效果的 10 个代码片段

为啥网页的背景颜色都没有了

javascript 点击button更换背景图片 如何实现?

问题8:手机端实现点击按钮时更换颜色(解决IOS不显示背景)

DEVC++自定义背景色及代码颜色后如何恢复

eclipse 快速修正的背景颜色以及字体颜色在哪设置