如何使用JavaScript实现开关等效果

  介绍

这篇文章将为大家详细讲解有关如何使用JavaScript实现开关等效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

具体代码如下所示:

& lt; ! DOCTYPE  html>   & lt; html>   & lt; head>   ,& lt; meta  charset=癠TF-8"比;   ,& lt; title>开关灯& lt;/title>   ,& lt; style 类型=拔谋?css"比;   ,,html, body  {   ,,,保证金:0 px;   ,,,填充:0 px;   ,,,宽度:100%;   ,,,身高:100%;   ,,,光标:指针;   ,,,背景颜色:白色;   ,,}   ,& lt;/style>   & lt;/head>   & lt; body  id=癰odyEle"祝辞   & lt; script 类型=拔谋?javascript"比;   ,var  oBody =, . getelementbyid (“bodyEle");=,,oBody.onclick  function  (), {   var 才能;bg =, this.style.backgroundColor;   switch 才能;(bg), {   ,,case “white":   ,,,this.style.backgroundColor =,“red";   ,,,休息;   ,,case “red":   ,,,this.style.backgroundColor =,“black";   ,,,休息;   ,,默认值:   ,,,this.style.backgroundColor =,“white";   ,,}      ,}   & lt;/script>   & lt;/body>   & lt;/html>

关于“如何使用JavaScript实现开关等效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

如何使用JavaScript实现开关等效果