Wo kann JavaScript in ein HTML -Dokument gesteckt werden?
JavaScript im Tag
Wenn eine HTML -Seite geöffnet wird, ist das erste Inhalts -Tag, das geladen wird, was bedeutet, dass alle Daten darin vor dem Tag geladen werden. Wenn JavaScript dem Kopf -Tag hinzugefügt wird, wartet es nicht auf das vollständige Laden der Webseite und wird in den Speicher des Browsers geladen. Um dies zu demonstrieren, erstellen Sie eine grundlegende HTML -Seite, die den Benutzer auffordert, sobald er in den Speicher des Browsers geladen wird.
Nehmen Sie die folgende HTML -Datei ein:
Dokumentieren
Wie Sie sehen können, wird das Skript in die hinzugefügt Schild. Im Body -Tag wird jedoch ein 8K -Bild auf der Webseite geladen, wodurch einige Momente zum Laden benötigt werden. Laden Sie die HTML -Seite und die Ausgabe:
Aus dieser Ausgabe ist klar, dass das Einlegen des Skripts in das laden, noch bevor das DOM bereit ist.
JavaScript im Tag
Wie oben erwähnt, kann man das JavaScript in die platzieren Schild. Dadurch kann das DOM vollständig laden und dann das JavaScript gemäß seiner Position im Tag laden.
Um dies zu demonstrieren, erstellen wir auf der HTML -Seite mit den folgenden Zeilen und in der Funktionalität zu dieser Schaltfläche mit den folgenden Zeilen eine Schaltfläche:
Dokumentieren
Im obigen Code -Snippet wird ein Ereignishörer auf der Taste hinzugefügt, mit der der Benutzer auf der Taste alarmiert wird. Drücken Sie alles mit Skript in den . Führen Sie diese HTML -Datei aus und beobachten Sie die folgende Ausgabe:
Aus der obigen Ausgabe geht hervor, dass das Skript im Tag gut funktioniert
JavaScript in Tag oder Tag
Um diese Frage zu beantworten, nehmen Sie das letzte Beispiel und verschieben Sie einfach das Skript -Tag, um den Benutzer beim Tasten zu alarmieren. Drücken Sie in das Tag wie folgt:
Dokumentieren
Bei der Ausführung dieses Programms ist der Unterschied nicht sichtbar, da die Ausgabe wie folgt aussieht:
Das Öffnen der Browser -Konsole zeigt jedoch den Unterschied, da in der Konsole diesen Fehler vorliegt:
Dieser Fehler wird durch JavaScript verursacht, der versucht, die Referenz eines Elements aus dem Körper -Tag zu erhalten, das noch nicht von DOM initialisiert wurde.
Abschließend hängt das Skript in das Head -Tag oder das Body -Tag auf die Arbeit der Webseite zu.
Einpacken
JavaScript kann an zwei verschiedenen Stellen innerhalb einer HTML -Dokumentdatei in der Tag oder in Schild. Durch das Platzieren des JavaScripts im Kopf -Tag wird der Browser das Skript laden, bevor das DOM vollständig fertig ist. Wohingegen der JavaScript im Inneren der lädt das Skript, nachdem das DOM fertig ist. Aus diesem Grund gibt es keinen optimalen Ort, um JavaScript in Ihr HTML -Dokument aufzunehmen, und es hängt von der Aufgabe ab, die man ausführen möchte.