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

一道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>

你可能感兴趣的:(JavaScript)