Warum funktionieren meine JS-Skripte nur, wenn sie im Abschnitt "head" verlinkt sind?

-1

Ich habe gestern eine Frage gestellt, wer die Antwort war "Ihr JS ist nicht richtig verknüpft". Hier ist meine Frage jetzt: Warum werden die Skripte nur geladen, wenn der Link in der head Sektion ist und nicht in der body Sektion? Ich lehrte sie in den Grund des Körpers zu platzieren, wie folgt aus:Warum funktionieren meine JS-Skripte nur, wenn sie im Abschnitt "head" verlinkt sind?

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

Wenn die script am Boden ist, ist es nichts funktioniert. Wie auch immer, wenn ich es mit den oben genannten zusammensetze, funktioniert alles. Warum?

Quelle

2017-01-12 Caleb

haben Sie ein anderes Skript, das auf jquery.js in den Kopf setzt? Hast du wenigstens die Konsole überprüft, um zu sehen, was der Fehler ist, wenn du den JS umherbewegst? –

Ich glaube nicht. Ich kopierte den ganzen Kopf von meinem Code und ich sehe nichts in der Konsole auftauchen. – Caleb

In diesem Fall, was 'nicht funktioniert'? Wie ändert sich das Verhalten zwischen ihnen? Du gibst uns nicht viel, um damit zu arbeiten. Angesichts Ihrer Codebeispiele sollte die Logik nicht beeinträchtigt werden. –

Laden sie vor </body> ist in Ordnung, die Sache ist jquery sollte der erste sein, und Sie haben auch einige Fehler (siehe img unten), die den Code danach brechen, deshalb würden sie nur Last, bevor diese (wenn 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>

sehen Sie hier, um diese Fehler (nach "check" und nach dem "Programm"):

Quelle

2017-01-12 15:58:24 Syden

Warum würde es dann funktionieren, wenn es in der gleichen Reihenfolge in den Kopf-Tag geladen wurde? –

Er hatte '<' Tippfehler, deshalb würden sie vor diesen Fehlern laden. – Syden

Warum funktionieren meine JS-Skripte nur, wenn sie im Abschnitt "head" verlinkt sind?

Antwort

Verwandte Themen