JavaScript(三)_事件&简单灯泡电亮案例

最新推荐文章于 2021-10-21 10:24:05 发布

Stan_Ray

最新推荐文章于 2021-10-21 10:24:05 发布

阅读量589

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37388518/article/details/99642169

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

## 事件简单学习
   * 功能：某些组件被执行了某些操作后，触发某些代码的执行。
       * 造句： xxx被xxx,我就xxx
           * 我方水晶被摧毁后，我就责备对友。
           * 敌方水晶被摧毁后，我就夸奖自己。

   * 如何绑定事件
       1. 直接在html标签上，指定事件的属性(操作)，属性值就是js代码
           1. 事件：onclick--- 单击事件

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

下面代码可能会更好理解上面的内容

<body>
				<img id="light" src="img/off.gif"  onclick="fun();">
				<img id="light2" src="img/off.gif">
				
				<script>
				    function fun(){
				        alert('我被点了');
				        alert('我又被点了');
				    }
				
				    function fun2(){
				        alert('咋老点我？');
				    }
				
				    //1.获取light2对象
				    var light2 = document.getElementById("light2");
				    //2.绑定事件
				    light2.onclick = fun2;
				
				
				</script>
			</body>

没点前：