2016-10-24 2 views
0

"javascript"에 대해 공부하기 시작했습니다. HTML 소스 코드

"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> 

에서

?

+5

"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>

당신은 당신이 '$'를 사용하려고하는 경우에 jQuery 라이브러리를로드해야합니다. – James

+0

위의 James가 제안한대로 jQuery를로드했는지 확인하십시오. Fiddle : 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 (즉각적으로 호출되는 함수 표현식)을 실행할 수 있으며 정상적으로 작동합니다.

관련 문제