事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间
    Javascript 和 HTML 之间的交互是通过事件实现的。
    对于 Web 应用来说，有下面这些代表性的事件：点击某个元素、将鼠标移动至某个元素上方，按下键盘上某个键、等等。

    我们可以在事件对应的属性中设置一些Js代码，这样当事件被触发时，这些代码将会执行

    1. <!DOCTYPE HTML>
    2. <html lang="zh">
    3.     <head>
    4.         <title>事件的简介</title>
    5.     </head>
    6.     <body>
    7.         // 当点击按钮时，弹出警告框
    8.         <button id="btn" onclick="alert('莫挨老子！');">我是一个按钮</button>
    9.         <script>
    10.             // var btn = document.getElementById("btn");
    11.         </script>
    12.     </body>
    13. </html>

    这种写法结构和行为偶合了，不方便维护，不推荐使用。

    可以为按钮的对应事件绑定处理函数的形式来响应事件
    这样当事件被触发时，其对应的函数将会被调用

    <!DOCTYPE HTML>
<html lang="zh">
    <head>
        <title>事件的简介</title>
    </head>
    <body>
        <button id="btn">我是一个按钮</button>
        <script>
            var btn = document.getElementById("btn");
            // 绑定一个单击事件
            btn.onclick = function(){
                alert("莫挨老子！");
            };
        </script>
    </body>
</html>

    函数只有在事件触发时，才会调用，这是一个回调函数，向这种为单击事件绑定的函数，我们称为单击响应函数