2016-10-24 111 views
0

我開始研究「javascript」。

在HTML源代碼

<!Doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
</head> 
<body> 
    <button id="test_button">Test</button> 
    <p id="test">Hello World</p> 

    <!-- script --> 
    <script src="test.js"></script> 
</body> 
</html> 
在JavaScript源代碼

"use strict"; 

$(function() { 
document.getElementById("test_button").onclick = test_click; 
function test_click() { 
    document.getElementById("test").innerHTML = "HI"; 
} 
}); 

哪裏錯了

+5

您需要加載,如果你要使用 '$' 的jQuery庫。 – James

+0

確保你已經按照上面James的建議加載了jQuery。小提琴:HTTPS://jsfiddle.net/j55bhbhk/ –

回答

4

你需要包含jQuery。嘗試添加這對您的<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
1

$是jQuery庫的別名。在這種情況下,你根本不需要jQuery。你可以執行這個IIFE(立即調用的函數表達式),它應該可以正常工作。

"use strict"; 
 

 
(function() { 
 
document.getElementById("test_button").onclick = test_click; 
 
function test_click() { 
 
    document.getElementById("test").innerHTML = "HI"; 
 
} 
 
})();
<!Doctype html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
</head> 
 
<body> 
 
    <button id="test_button">Test</button> 
 
    <p id="test">Hello World</p> 
 

 
    <!-- script --> 
 
    <script src="test.js"></script> 
 
</body> 
 
</html>

相關問題