Um eine JavaScript-Datei mit einem HTML-Dokument zu verknüpfen, verwenden Sie das Tag <script>
. Sie können dieses Tag auch verwenden, um JavaScript-Code in das HTML-Dokument einzubetten.
Verknüpfung mit einer externen JavaScript-Datei
Das obige Beispiel verweist auf eine externe JavaScript-Datei. Der Speicherort der JavaScript-Datei wird als Wert für das Attribut src
angegeben. Wenn die HTML-Datei geladen wird, wird auch die JavaScript-Datei geladen.,
Platzierung der <script> Tags
Externe JavaScript-Dateien werden häufig aus dem Dokument verknüpft <head>
Dies ist jedoch keine Voraussetzung. Sie können den Link auch im Dokument <body>
Element platzieren. Tatsächlich verlinken immer mehr Entwickler aus Leistungsgründen vom unteren Rand des HTML-Dokuments (kurz vor dem schließenden </body>
– Tag) auf ihre JavaScript-Dateien., Auf diese Weise kann der Rest der HTML-Seite geladen werden, ohne darauf warten zu müssen, dass zuerst externe JavaScript-Ressourcen heruntergeladen werden.
Es kann jedoch vorkommen, dass das Platzieren in der <head>
geeigneter ist (z. B. wenn JavaScript beim Laden für die Seite verfügbar sein muss).
Eingebettetes JavaScript
Sie können auch das <script>
Element verwenden, um JavaScript-Code in die HTML-Seite einzubetten.
Dieses zweite Beispiel verwendet genau das gleiche JavaScript wie das erste Beispiel (nur der Text hat sich geändert)., Der einzige Unterschied besteht darin, dass das JavaScript jetzt in das HTML-Dokument eingebettet ist und sich nicht in einer externen Datei befindet.
Dies muss sich wiederum nicht unbedingt im <head>
— Element befinden-es könnte sich an einer beliebigen Stelle im HTML-Dokument befinden.
Das type Attribut
Sie können dastype
Attribut verwenden, um den Skripttyp explizit anzugeben. Wenn Sie dieses Attribut weglassen, wird das Skript als JavaScript behandelt. Es ist also nicht erforderlich, dieses Attribut zu verwenden, wenn sich das Skript in JavaScript befindet.,
Wenn das Skript nicht in JavaScript geschrieben ist, sollten Sie das Attribut type
verwenden, um den Skripttyp explizit anzugeben.
Schreibe einen Kommentar