-1

我昨天问了一个问题,谁的回答是“你的 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位于底部时,没有任何作用。但是,当我把它放在顶部时,一切正常。为什么?

4

1 回答 1

3

之前加载它们</body>很好,事情jquery应该是第一个,而且你还有一些拼写错误(见下面的 img),它们会在之后破坏代码,因此它们只会在这些之前加载(当 in 时<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>

在这里看到这些错别字(在“检查”和“程序”之后):

在此处输入图像描述

于 2017-01-12T15:58:24.570 回答