-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必要があり、後でコードを壊すいくつかのタイプミス（下の画像を参照）もあるため、これらの前にのみロードされます（ の場合<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 に答える