CherryOto 2020-05-28 14:22 采纳率: 100%
浏览 150
已采纳

一个关于js的绑定事件小案例,有些逻辑不是很懂,求解!!!

图片是一盏灯,点击一下灯开了,再点击一下灯灭了,就是灯亮和灯灭可以来回切换,下面这个是正确的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img id="light" src="image/off.jpg">

    <script>
        //获取图片对象
        var light =document.getElementById("light");
        //代表灯是灭的
        var flag = false; 
        //绑定单击事件
         light.onclick = function(){
             if(flag){
                 light.src = "image/off.jpg";
                 flag = false;
             }else{
                 light.src = "image/on.jpg";
                 flag = true;
             }
         }
    </script>
</body>
</html>

但是如果我将绑定单击事件中的代码更换为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img id="light" src="image/off.jpg">

    <script>
        //获取图片对象
        var light =document.getElementById("light");
        //代表灯是灭的
        var flag = false; 
        //绑定单击事件
        light.onclick = function(){
            if(flag == false){
                light.src = "image/on.jpg";
                flag = true;
            }else{
                light.src = "image/off.jpg";
                flag = false;
            }
        }
    </script>
</body>
</html>

图片就不能来回切换了,主要是看不懂if语句的逻辑,为什么正确的代码中flag在里面不用写判断语句,而是直接写了个“flag”就可以了

  • 写回答

3条回答 默认 最新

  • 大宝lyangl 2020-05-28 14:44
    关注

    if(flag)如果flag不写判断,是默认为true的。即 flag为true 则执行if语句。为false则执行else语句。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据