本文主要是介绍JavaScript实现电灯开关小案例，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
这几天在w3school自学前端，深深感受到了前端的乐趣，今天，我就来完成一个模拟电灯开关的小案例。
下面对过程进行分析：
1.获取图片对象
2.绑定单击事件
3.每次点击切换图片
规则：如果灯是打开的on，切换图片为off
如果灯是关的off，切换图片为on
使用标记flag来完成
代码如下所示：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>电灯开关案例</title>
</head>
<body><!--定义一个图片标签--><img src="img/off.gif" id = "light" alt=""><script >//通过id属性值获取img标签对象var light = document.getElementById("light");var flag = false; //定义一个灯的标记状态，默认灯是关闭的//绑定单击事件light.onclick = function () {//判断灯的状态，如果flag状态为true，则关闭灯。如果flag状态为false，则开启灯这篇关于JavaScript实现电灯开关小案例的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
