js小案例：控制电灯开关

绝地灬酷狼 2023-10-02 17:29 70阅读 0赞

![在这里插入图片描述][eabb19a97982434884cbc21e7b657765.png]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        
        <script>
    
            var flag = false;//代表关闭
            function fun(){
          
                var light = document.getElementById("light");
                if(flag){
          
                    light.src="img/off.gif";
                    flag = false;
                }else{
          
                    light.src="img/on.gif";
                    flag = true;
                }
            }
        </script>
        
    </head>
    <body>
    <img id="light" onclick="fun()" src="img/off.gif" alt="">
    </body>
    </html>

![在这里插入图片描述][e8a08f8fb91d43bb96cfd114963f99a4.png]  
![在这里插入图片描述][4ab46eb44060414fb5d03e44e0a498fc.png]

[eabb19a97982434884cbc21e7b657765.png]: https://img-blog.csdnimg.cn/eabb19a97982434884cbc21e7b657765.png
[e8a08f8fb91d43bb96cfd114963f99a4.png]: https://img-blog.csdnimg.cn/e8a08f8fb91d43bb96cfd114963f99a4.png
[4ab46eb44060414fb5d03e44e0a498fc.png]: https://img-blog.csdnimg.cn/4ab46eb44060414fb5d03e44e0a498fc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，70人围观）

还没有评论，来说两句吧...

相关阅读

相关 js小案例：控制电灯开关

![在这里插入图片描述][eabb19a97982434884cbc21e7b657765.png] <!DOCTYPE html> <html lang="

绝地灬酷狼/ 2023年10月02日 17:29/ 0 赞/ 71 阅读

相关 springboot加载过滤器动态控制开关

项目加载过滤器后想要通过配置文件来动态控制过滤器是否加载需通过registrationBean.setEnabled(false)方法实现如图所示 fa

小灰灰/ 2023年03月13日 13:57/ 0 赞/ 37 阅读

相关按键开关

单片机的外部设备中，独立按键算是最简单一个外设了。对于共阴极的独立按键，对应的GPIO口初始化为高电平。当按键按下后，GPIO口变为低电平；放开按键后，按键回复，GPIO口变为

淩亂°似流年/ 2023年01月17日 09:21/ 0 赞/ 245 阅读

相关按钮—按钮开关

按钮—按钮开关 ![在这里插入图片描述][20210418193103791.gif_pic_center] <!DOCTYPE html> <html

红太狼/ 2023年01月13日 10:54/ 0 赞/ 227 阅读

相关 eclipse 面包屑开关

eclipse开发界面顶部出现文件路径 ![面包屑][SouthEast] [SouthEast]: /images/20220617/beb4fc30a6734012

旧城等待，/ 2022年06月17日 04:12/ 0 赞/ 244 阅读

相关 Form-switch开关

<e

╰+哭是因爲堅強的太久メ/ 2022年03月30日 08:18/ 0 赞/ 417 阅读

相关背景音乐开关的控制

开发工具与关键技术：DW JavaScript 作者：Mr\_肖先生撰写时间：2019年1月30日首先我们在html里嵌套好盒子，然后插入一首背景音乐，插入背景音

r囧r小猫/ 2022年03月21日 02:47/ 0 赞/ 334 阅读

相关 [ZJOI2019]开关

[\[ZJOI2019\]开关][ZJOI2019] [题解][Link 1] 到了就停止，很麻烦，因为要状压走了i步，还没有停止方案数，再除以概率，还是不行，还要状

客官°小女子只卖身不卖艺/ 2021年12月23日 15:13/ 0 赞/ 462 阅读

相关灯光温度控制开关

1、启动Workbench的方式补充一种：控制台找到Niagara的根目录文件，点击 Install PlatformDaemon 或者如果是Win7 可

古城微笑少年丶/ 2021年12月21日 03:49/ 0 赞/ 374 阅读

相关 JS点击事件之电灯开关案例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl

柔情只为你懂/ 2021年12月12日 21:17/ 0 赞/ 306 阅读