事件简单学习
* 功能: 某些组件被执行了某些操作后,触发某些代码的执行。 * 造句: xxx被xxx,我就xxx * 我方水晶被摧毁后,我就责备对友。 * 敌方水晶被摧毁后,我就夸奖自己。 * 如何绑定事件 1. 直接在html标签上,指定事件的属性(操作),属性值就是js代码 1. 事件:onclick--- 单击事件 2. 通过js获取元素对象,指定事件属性,设置一个函数`
事件绑定的第一种方式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Dom</title> <script> //第一种事件绑定方式,耦合度比较高不利于维护 //document.getElementById("id值"):通过元素的id获取元素对象 function fun() { alert("我爱死你了"); alert("我又爱死你了"); } </script> </head> <body> <img id="light" src="img/off.gif" onclick="fun();"> </body> </html> 事件绑定的第二种方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Dom</title> </head> <body> <img id="light" src="img/off.gif"> <script> //第二种事件绑定,耦合度比较低,利于维护,要注意对象的位置 //document.getElementById("id值"):通过元素的id获取元素对象 function fun() { alert("我爱死你了"); } var light = document.getElementById("light"); light.onclick = fun; </script> </body> </html>