Javascript in einer Datei auslagern

<script src="meinJavascript.js" charset="utf-8" defer></script>


Anstatt das Javascript irgendwo auf der Seite einzufügen, kann man es auch in einer extra Datei auslagern. Gerade wenn man Funktionen erstellt hat, die man auf mehreren Seiten nutzen will, ist es sinnvoll diese Funktionen in einer Datei auszulagern, anstatt sie auf jeder Seite wieder neu zu schreiben.

In diese Datei schreibt man den Javascript Code ohne die beiden Script Tags. Es muss eine reine Textdatei sein, in der nichts anderes als Javascriptcode steht. Dann speichert man die Datei mit der Endung js ab.

Im Codebeispiel oben wird diese Datei in die HTML-Seite integriert.

Erklärung:

Man notiert das <script></script> Element ohne Inhalt im Gültigkeitsbereich. Stattdessen wird das src Attribut innerhalb des einleitenden Script Tags notiert mit einem gültigen Verweis auf die Javascript Datei.

Mit dem charset Attribut gibt man die Zeichenkodierung an, das ist vor allen Dingen dann nötig, wenn man Zeichen benutzt, die nicht zum ASCCI Zeichensatz gehören, wie beispielsweise deutsche Umlaute.

Das defer Attribut kann man notieren, wenn die Javascript Datei erst dann ausgeführt werden soll, nachdem der gesamte übrige Html- Inhalt geladen ist.