如何使用 HTML 按鈕成功觸發 JavaScript 函數？

使用 HTML 按鈕呼叫 JavaScript 函數

問題

在嘗試觸發 JavaScript 函數時，使用了 HTML 按鈕。但是，沒有實現預期的功能。

解決方法

利用 HTML 按鈕呼叫 JavaScript 函數可以透過多種方式完成：

1. HTML事件定義：

   <input>

2. DOM事件屬性賦值：

   // Using a function pointer:
   document.getElementById("clickMe").onclick = doFunction;
   
   // Using an anonymous function:
   document.getElementById("clickMe").onclick = function () { alert('hello!'); };

3. 事件處理函數附：

   var el = document.getElementById("clickMe");
   if (el.addEventListener)
       el.addEventListener("click", doFunction, false);
   else if (el.attachEvent)
       el.attachEvent('onclick', doFunction);

故障排除

問題很可能出在CapacityChart()函數。重新訪問程式碼範例會發現開啟了兩個彈出視窗。調試：

1. CapacityWindow.document.write(s);

   替換：

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

   為：

將對document.all 的引用替換為document. getElementById .

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