JS系結事件（靜態系結+動態系結）

在基本事件模型中，JavaScript 支援以下兩種系結方式。

靜態系結

把 JavaScript 指令碼作為屬性值，直接賦予給事件屬性。

範例

在下面範例中，把 JavaScript 指令碼以字串的形式傳遞給 onclick 屬性，為 <button> 標籤系結 click 事件。當單擊按鈕時，就會觸發 click 事件，執行這行 JavaScript 指令碼。

<button onclick="alert('你單擊了一次!');">按鈕</button>

動態系結

使用 DOM 物件的事件屬性進行賦值。

範例

在下面範例中，使用 document.getElementById() 方法獲取 button 元素，然後把一個匿名函數作為值傳遞給 button 元素的 onclick 屬性，實現事件係結操作。

<button id="btn">按鈕</button>
<script>
    var button = document.getElementById("btn");
    button.onclick = function () {
        alert("你點選了一次！");
    }
</script>

可以在指令碼中直接為頁面元素附加事件，不破壞 HTML 結構，比上一種方式靈活。