使用javascript实现开灯关灯案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>开灯关灯案例</title>
</head>
<body>
<img id="light_img" src="img/off.gif">
<script>
//获取图片对象
var light=document.getElementById("light_img");
//false代表灯是灭的
var flag=false;
//绑定点击事件
light.onclick=function(){
//如果true,即灯是开的
if (flag){
light.src="img/off.gif";
flag=false;
}else {//如果false,即灯是灭的
light.src="img/on.gif";
flag=true;
}
}
</script>
</body>
</html>