javascript - 从按钮调用 javascript 与链接调用 javascript

Question

谁能告诉我为什么在 HTML 页面中点击这个

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

导致 addRow 被调用，但这

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

不是吗？

(我想要一个调用 addRow 的按钮。)

Answer 1

其他将 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;" />