javascript复习第二天经典灯泡开关案例

qq_28629495

于 2016-05-11 09:24:13 发布

阅读量472

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript/Jquery 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_28629495/article/details/51371677

Javascript/Jquery 专栏收录该内容

12 篇文章

订阅专栏

一道w3c比较经典的小题目，开关灯泡。就是用js切换某个img的src地址~代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <script>
        var checkCount = 0;
        function checkStatus(){
            var statusImg = document.getElementById('on');
            if(statusImg.src.indexOf('on.gif') >= 0){
                statusImg.src = './images/off.gif';
            }else{
                statusImg.src = './images/on.gif';
            }
            console.log('点击次数为：'+checkCount++);
        }

    </script>
</head>
<body>
    <img src="./images/off.gif" alt="" onclick="checkStatus();" id = "on"/>
</body>
</html>