如何從 HTML 按鈕觸發 JavaScript 函數？

如何使用 HTML 按鈕呼叫 JavaScript 函數

為了與 JavaScript 程式碼交互，HTML 按鈕提供了一個便捷的解決方案。點選按鈕時，瀏覽器會執行關聯的 JavaScript 函數。

HTML 定義的事件處理

一種方法是直接在HTML 程式碼中指定函數呼叫:

<input type="button" value="Capacity Chart" onclick="CapacityChart();">

DOM 事件屬性操作

或者，您可以使用JavaScript 將事件處理程序指派給DOM屬性：

document.getElementById("clickMe").onclick = function () { /* ... */ };

事件監聽器附件

另一個選項是將函數附加到事件偵聽器：

var el = document.getElementById("clickMe");
el.addEventListener("click", function () { /* ... */ }, false);

按鈕呼叫故障排除

偵錯按鈕事件呼叫時請考慮以下事項：

• 確保CapacityChart()函數定義正確。
• 檢查腳本中是否有錯誤
• 考慮將document.write() 行修改為：

CapacityWindow.document.open("text/html");
CapacityWindow.document.write(s);
CapacityWindow.document.close();

跨瀏覽器相容性

支援多個瀏覽器，將document.all引用替換為document.getElementById.

附加說明

• 提到的三種事件處理方法並不互相排斥。
• 不鼓勵使用第一種，因為它是不符合 XHTML。
• 第二個和第三個方法允許匿名函數和元素解析後事件定義。
• 第三種方法允許將多個函數附加到同一個事件處理程序。

以上是如何從 HTML 按鈕觸發 JavaScript 函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！