HTML與JavaScript是web開發中不可或缺的兩種技術。透過HTML標記語言,我們可以將頁面佈局展現出來,而JavaScript則讓頁面更加動態和互動性。這篇文章將介紹HTML中如何呼叫JavaScript方法。
JavaScript方法是一段可重複使用的程式碼區塊,當需要時可以被呼叫。在HTML中呼叫JavaScript方法主要由以下兩種方法:
透過在HTML標籤中新增「onclick」屬性,可以直接在HTML中呼叫JavaScript方法。例如:
<button onclick="alert('Hello World!')">点击我</button>
上述程式碼中,按鈕被點擊後會彈出「Hello World!」的提示框。 onclick表示“單擊事件”,而“alert('Hello World!')”則是一個JavaScript方法,它會彈出一個提示框。
除了在HTML標籤中直接呼叫JavaScript方法以外,還可以透過事件監聽器呼叫JavaScript方法。
例如,在頁面載入完成後,我們需要呼叫JavaScript方法來設定頁面樣式。可以在HTML中加入以下程式碼:
<script> window.onload = function() { setPageStyle(); }; function setPageStyle() { // ... } </script>
上述程式碼中,我們透過window.onload事件監聽器,在頁面載入完成後呼叫了名為setPageStyle的JavaScript方法。
要注意的是,上述兩種方法都是在HTML中呼叫JavaScript方法,所以JavaScript程式碼必須放在「