如何使用 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();

2. 将对 document.all 的引用替换为 document.getElementById .

以上是如何使用 HTML 按钮成功触发 JavaScript 函数？的详细内容。更多信息请关注PHP中文网其他相关文章！