簡單的點擊事件不能在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>