事件简单学习和案例1电灯开关

事件简单学习

事件简单学习：

　　功能：某些组件被执行了某些操作后，触发某些代码的执行。

　　　　造句：  xxx 被 xxx，我就xxx

　　　　　　我方水晶被摧毁后，我就责备队友。

　　　　　　敌方水晶被摧毁后，我就夸奖自己。

　　如何绑定事件

　　　1.直接在html标签上，指定事件的属性(操作)，属性值就是js代码

　　　　1.事件：onclick---　单击事件

　　　2.通过js获取元素对象，指定事件属性，设置一个函数

案例1电灯开关

分析：
　　1.获取图片对象
　　2.绑定单击事件
　　3.每次点击切换图片
　　　　规则:
　　　　　　如果灯是开的 on,切换成图片 off
　　　　　　如果灯是关的 off,切换成图片 on
　　　　使用标记flag来完成