javascript - 从按钮vs链接调用JavaScript

任何人都可以告诉我为什么在HTML页面中单击它吗

<a onclick="addRow(); return false;" href="#">Add Row</a>

导致addRow被调用，但这

<input id="addRow" type="button" value="Add Row" onclick="addRow(); return false;" />

才不是？

（我想要一个调用addRow的按钮。）

最佳答案

除了将JavaScript添加为与HTML内联的onclick外，还将其添加为JavaScript中的事件侦听器：

document.getElementById("addRow").addEventListener("click", addRow, false);

问题出在ID的名称addRow与函数调用addRow()的问题上，因为某些浏览器会将ID解释为全局变量名称。这会导致函数调用内联HTML出现问题。只需更改id或函数名称也可以，例如将id更改为id="add_row"：

<input id="add_row" type="button" value="Add Row" onclick="addRow(); return false;" />