账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    用js实现点击图片切换问题
    16
    0

    这是runoob的一个例子,要实现点击灯泡实现打开或关闭,我一开始是这样做的:

    window.onload = function(){
        var light = document.getElementsByTagName('img')[0];
        light.onclick = function(){
            if(light.src = 'img/light_off.jpg'){
                light.src = 'img/light_on.jpg';
            }else{
                light.src = 'img/light_off.jpg';
            };
        };
    };

    但是这样写,当灯泡变亮后就不会再变暗了,我不理解为什么,如果src不是img/light_off.jpg就应该执行else的部分不是吗?

    -----HTML部分------

    <img src="img/light_off.jpg" alt="photo1" />

    ------已解决--------
    正确的代码:

    window.onload = function(){
        var light = document.getElementById('test');
        light.onclick = function(){
            if(light.src == 'http://127.0.0.1:8020/2017.8.31%20javascript/img/light_off.jpg'){
                light.src = 'img/light_on.jpg'
            }else{
                light.src = 'img/light_off.jpg'
            }
        };
    };

    ps:楼下两位回答者说的都是正确的,我基础不扎实,感谢。另外我用alert测试发现light.src的值是一个绝对地址,因此把绝对地址放进去,判断是true后,执行正常。

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 花香酒醒 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部