Question

昨天我问了一个问题，答案是“你的JS没有正确链接”。现在我的问题是：为什么只在链接位于head部分而不是body部分时才加载脚本？我被教导将它们放在身体的最底部，如下：

<!DOCTYPE html> 
<html lang="en">
<head>
    <title>Number Crunchers</title>
    <meta charset="utf-8">
    <meta class="meta" name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/uikit.css" />
    <link rel="stylesheet" type="text/css" href="css/newcustom.css">
    <link rel="stylesheet" type="text/css" href="css/cards.css">
    <!--
    <script src="js/uikit.min.js"></script>
    <script src="js/jquery.min.js"></script>
    -->
</head>
<body>
    <!--Page Content-->

    <script src="js/uikit.min.js"></script> 
    <script src="js/jquery.min.js"></script>
</body>
</html>

当script位于底部时，没有任何作用。然而，当我把它放在顶部的一切工作。为什么呢？

Answer 1

在</body>之前加载它们很好，事情是jquery应该是第一个，并且你还有一些拼写错误（参见下面的img）之后会破坏代码，因此它们只会加载在这之前（在<head>中）

<body>
<!--Page Content-->
        ...
<!--Javascript to make the world go round -->
<script src="js/jquery.min.js"></script>
<script src="js/uikit.min.js"></script> 
</body>
</html>

在这里看到这些拼写错误（在“check”之后和“program”之后）：

为什么我的JS脚本仅在链接到“head”部分时才起作用？

1 个答案: