事件简单学习

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

    • 造句： xxx被xxx,我就xxx
      • 我方水晶被摧毁后，我就责备对友。
      • 敌方水晶被摧毁后，我就夸奖自己。

  • 如何绑定事件

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

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

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

    • 代码：

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

  • 案例1：电灯开关

    <html lang="en"> <head> <meta charset="UTF-8"> <title>电灯开关</title>
posted @ 2022-04-03 21:52  Blue啊  阅读(13)  评论(0)  编辑  收藏  举报