如何從 HTML 按鈕正確呼叫 JavaScript 函數？

使用 HTML 按鈕呼叫 JavaScript 函數

您正在嘗試使用 HTML 按鈕呼叫 JavaScript 函數CapacityChart()，但該函數未正確執行。

第一種方法是直接在 HTML 中定義 onclick 事件處理程序element:

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

但是，在 HTML 中定義事件處理程序有其限制。現代瀏覽器喜歡使用 JavaScript 事件監聽器來更好地組織和維護程式碼。

使用JavaScript，您可以使用addEventListener() 方法將事件監聽器指派給按鈕的onclick 事件：

document.getElementById("buttonId").addEventListener("click", CapacityChart);

另一個選擇是將匿名函數直接附加到onclick 屬性：

document.getElementById("buttonId").onclick = function() { CapacityChart(); };

您的問題CapacityChart() 函數可能位於其他地方。嘗試使用以下程式碼來解決該問題：

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

此外，為了確保跨瀏覽器相容性，請將程式碼中的 document.all 的任何實例替換為 document.getElementById。

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