html自动调用js函数,使用HTML按钮调用JavaScript函数

使用HTML按钮调用JavaScript函数

我正在尝试使用HTML按钮来调用JavaScript函数。

这是代码：

但它似乎无法正常工作。 有一个更好的方法吗？

这是链接：[http://projectpath.ideapeoplesite.com/bendel/toolscalculators.html]点击左下方的容量标签。 如果值未更改，则按钮应生成警报，如果输入值，则应生成图表。

fmz asked 2019-03-18T13:23:21Z

9个解决方案

289 votes

有几种方法可以使用HTML / DOM处理事件。 没有真正的正确或错误的方式，但不同的方式在不同的情况下是有用的。

1：在HTML中定义它：

2：在Javascript中将事件添加到DOM属性中：

//- Using a function pointer:

document.getElementById("clickMe").onclick = doFunction;

//- Using an anonymous function:

document.getElementById("clickMe").onclick = function () { alert('hello!'); };

3：并且使用Javascript将事件附加到事件处理程序：

var el = document.getElementById("clickMe");

if (el.addEventListener)

el.addEventListener("