简单的点击事件不能在JS中工作

Question

我在JsFiddle中创建了一个非常简单的小提琴。令我惊讶的是它不工作。如果我误解了任何内容，请告诉我。

HTML的

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

JS-

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

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

请点击here看到这个简单的小提琴。

Answer 1

如果你看看你的浏览器Web控制台，你可以看到一个Uncaught ReferenceError被抛出。它告诉你功能test1没有定义。

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

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

看看下面的代码片段。

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

Answer 2

编写脚本标签中的函数，如在此jsfiddle。

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