废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>开关灯</title> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; cursor: pointer; background-color: white; } </style> </head> <body id="bodyele"> <script type="text/javascript"> var obody = document.getelementbyid("bodyele"); obody.onclick = function () { var bg = this.style.backgroundcolor; switch (bg) { case "white": this.style.backgroundcolor = "red"; break; case "red": this.style.backgroundcolor = "black"; break; default: this.style.backgroundcolor = "white"; } } </script> </body> </html>
以上就是javascript实现开关效果的代码分享的详细内容。