错误"未捕获的ReferenceError:$未定义"

时间:2016-10-24 16:24:18

标签: javascript jquery

我开始研究" javascript"。

在html源代码中

Public Class TroubleCodes  
    <XmlElement("troublecode")> Public troubleCode() As TroubleCode
    <XmlElement("statusbyte")> Public statusByte() As StatusByte
End Class

在javascript源代码中

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

哪里错了?

2 个答案:

答案 0 :(得分:4)

您需要包含jQuery。尝试将其添加到<head>

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

答案 1 :(得分: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>