Question

我有一个简单的表单，在jsfiddle中，我进一步简化了该表单：

基本上，我有一个仅包含标题行的表。在其上方，我有一个“添加”按钮，每次单击该按钮都应在表中添加一行。

我的按钮元素是...

<button id="addMeeting" type="button" onclick="addMeeting();" > Add A Meeting </button>

和相关的JS函数很简单

function addMeeting() {
alert("add button clicked");
return false;
}

真实，真实简单！但这是行不通的。 JS代码直接作为脚本标签包含在html文档中。

我在做什么错？ TIA寻求任何帮助！

Gus

Answer 1

这是表单上的元素ID与函数名称之间的冲突。也许冲突不只是范围界定问题。老实说，在尝试解决您的问题之前，我从未遇到过这种情况。很奇怪。这是更详细的说明：

Why JS function name conflicts with element ID?

Answer 2

似乎是加载和范围问题。如果您将脚本标记放在html之前，它将正常工作：

<script>
function addMeeting() {
      alert("add button clicked");
      return false;
    }
</script>
    <button id="addMeeting" type="button" onclick="addMeeting()"> Add A Meeting </button>

或者，您也可以显式使用window对象：

window.addMeeting = function() {
      alert("add button clicked");
      return false;
    }

和：

<button id="addMeeting5" type="button" onclick="window.addMeeting();"> Add A Meeting </button>

无法获取按钮的onclick属性以调用JS函数

2 个答案: