Angenommen, beide Ansätze laden das Skript korrekt, und ich warte eine angemessene Zeit ab, bevor ich das Skript verwende (und / oder einen Rückruf verwende). Was sind die Hauptunterschiede zwischen diesen Ansätzen?
Hinweis: Ich verstehe, die erste verwendet jQuery (das ist ein größerer Download usw.). Was mich wirklich interessiert, sind die Nachwirkungen dieser Ansätze. Setzt man das Skript in einen anderen Bereich als den anderen? Etc.
jQuery:
%Vor%An Körper anfügen:
%Vor%Anhängen an Kopf:
%Vor% jQuery hängt das script -Element an head , falls vorhanden, oder an document -Element an. Unter der Haube ist der Code ähnlich . Das Endergebnis wird dasselbe sein: Beide Ansätze führen neuen Code im globalen Bereich aus.
Die Dokumentation zu Jquery-Methode sagt:
Laden Sie eine JavaScript-Datei vom Server mit einer GET HTTP-Anfrage und führen Sie sie dann aus.
Das bedeutet, dass das importierte Javascript direkt nach dem Laden geladen wird.
Anhängen an den Kopf: Es bedeutet, dass der Browser das Skript-Tag als letztes Kind hinzufügt und den Inhalt ausführt (es ist dasselbe, wenn Sie das Tag manuell am Ende des head-Tags hinzufügen). Anhängen an den Körper: Es bedeutet, dass der Browser das Skript-Tag als letztes Kind des body-Tags hinzufügt und diesen Inhalt ausführt (dasselbe gilt, wenn Sie das Tag manuell am Ende des body-Tags hinzufügen).
Es ist erwähnenswert, dass die Funktion getScript von jQuery das Caching standardmäßig deaktiviert, was bedeutet, dass Browser das Skript jedes Mal herunterladen, wenn die Seite angefordert wird (siehe vorherige Antwort hier ). Ihre loadScript -Funktion hingegen sollte Caching nutzen.
Tags und Links javascript jquery dynamic-loading