简单的点击事件在 JS 中不起作用

Question

我在 JsFiddle 中创建了一个非常简单的 fiddle。令我惊讶的是它不起作用。如果我有任何错误，请告诉我。

HTML-

<button onclick="test1()">
Push
</button>
<input type="button" value="Click" onclick="test1()"/>

JS-

function test1(){
    alert("1");
}

我想在单击按钮时显示一个简单的警报，但它没有显示。

请点击here查看这个简单的fiddle。

Answer 1

如果您查看浏览器的 Web 控制台，您会看到 Uncaught ReferenceError 被抛出。它告诉您函数 test1 未定义。

在this回答中讨论了同样的错误。问题是，javascript 文件链接到 html header 并在初始化 html 代码之前被调用。答案建议使用 jquery 及其对应的 ready 函数。

如果你想做简单的 javascript 你可以通过使用脚本标签直接将你的代码嵌入你的 html 来解决这个问题。

看看下面的片段。

<button onclick="test1()">
Push
</button>
<input type="button" value="Click" onclick="test1()"/>
<script>
function test1(){
 alert("1");
}
</script>

Answer 2

如jsfiddle.

所示，在脚本标签内编写函数

<button onclick="test1()">
  Push
 </button>
 <input type="button" value="Click" onclick="test1()"/>
<script>
function test1(){
    alert("1");
}
</script>

简单的点击事件在 JS 中不起作用

Simple click event not working in JS

javascript

jsfiddle