JavaScript：事件绑定的三种方法

方法一

<button id="button1" onclick="click1()">按钮1</button>
<script>
    function click1() {
        alert("你点击了按钮1");
    }
</script>

方法二

<button id="button2">按钮2</button>
<script>
    document.getElementById("button2").onclick = function () {
        alert("你点击了按钮2");
    };
</script>

方法三

<button id="button3">按钮3</button>
<script>
    function click3() {
        alert("你点击了按钮3");
    }
    
    document.getElementById("button3").addEventListener("click", click3, false);
</script>

使用 addEventlistener() 可以多次绑定同一个事件，且都会执行。如果使用方法一绑定两个 onclick 事件，则只会执行第一个；而使用方法二绑定的只会执行最后一个事件。