事件驱动与事件处理

1. 基本概述

   JS是采用事件驱动的机制来响应用户操作的，也就是说当用户对某个html元素进行操作的时候， 会产生一个事件，该事件会驱动某些函数来处理。

   PS：这种方式和Java GUI中的事件监听机制很像，都是需要注册监听，然后再处理监听，只不 过实现的方式不同而已。

   

   • 事件源：产生事件的地方(html元素)

   • 事件：点击/鼠标操作/键盘操作等等

   • 事件对象：当某个事件发生时，可能会产生一个事件对象，该时间对象会封装好该时间的信息，传递给事件处理程序

   • 事件处理程序：响应用户事件的代码

2. 事件驱动

       <button onclick="show()">点击我</button>
       <script>
   
               function show() {
                   alert('hello world!')
               }
   
       </script>
   

   上面的代码存在的问题是，标签语言和脚本语言混编，不利于代码管理和阅读。

       <button id="btn01">点击我</button>
       <script>
           //onload  ?????
           window.onload=function () {
   
               var btn01=document.getElementById('btn01');
               btn01.onclick=function () {
                   alert('hello world!')
               }
   
           }
   
       </script>