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来解决这个问题。

请看下面的代码段。

＆＃13;

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

＆＃13;

Answer 2

将函数写入脚本标记内，如jsfiddle所示。

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

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

2 个答案: