事件简单学习

概念：某些组件被执行了某些操作后，触发某些代码的执行
如何绑定事件
- 直接在 HTML 标签上，指定事件的属性（操作），属性值就是 JS 代码
  - 事件：onclick 为单击事件
- 通过 JS 获取元素对象，指定事件属性，设置一个函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件绑定</title>

</head>
<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>
</html>