Javascript in einer Datei auslagern

<script src="meinJavascript.js" language="javascript" type="text/javascript" ></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.

Oben sieht man wie man diese Datei dann in die Htmlseite 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.

 Javascript ausführen wenn alles geladen ist

siehe Beispiel

Wenn man mit Javascript auf HTML Elemente zugreift, müssen diese geladen sein, bevor das Javascript geladen wird. Dazu gibt es verschiedene Möglichkeiten:

  1. Script Tag am Ende innerhalb des Body Elements vor das schließende Body Tag einfügen
    <script>/*mein Javascript*/</script> </body>
  2. Externe Javascript Datei innerhalb der HTML Datei am Ende des Body einbinden
    <script src="meinJavascript.js" charset="utf-8"></script></body>
  3. Das komplette Javascript in einer externen Datei in eine Funktion einfügen, welche im body Element mittels onload aufgerufen wird.
    Javscript
    function meinScript(){/*mein Javscript*/}
    HTML
    <body onload="meinScript()">
  4. Innerhalb der Javascript Datei das onload Ereignis für das window Objekt einfügen.
    window.onload = function () {/*mein Javascript*/}

In den Beispielen steht /*mein Javascript*/ für den kompletten Javascript Code.

weiter


Javascript Tipps