JavaScript Einbinden
    
 Home • JavaScript • Einbinden Head-Bereich  

  3) JavaScript einbinden - im Head-Breich

Ein JavaScript im Head-Bereich platziert, wird beim Einlesen des HTML-Dokuments durch den Browser neben dem HTML-Code ebenfalls eingelesen und im internen Cach (Speicher) des Browsers bereitgehalten.
JavaScript einbinden - Script im Head-Breich


Möchte man die Anweisungen nicht gleich beim Aufbau der Darstellung für das HTML-Dokument ausführen lassen oder möchte man eine Funktion für die Mehrfachanwendung seitenweit bereithalten, kann man diese Vorgehensweise wählen.

Wir notieren unser JavaScript nun innerhalb des HEAD-Bereichs und möchten erreichen, dass die JavaScript-Anweisungen zwar eingelesen werden, nicht aber sofort ausgeführt werden.

Damit ein Script nicht gleich beim Einlesen des HTML-Dokuments interpretiert und ausgeführt wird, "packen" wir die Anweisungen in eine Funktion. Anders ausgedrückt 'sammeln wir die zusammen gehörenden Anweisungen' innerhalb eines Code-Blocks. Der Aufruf dieser Funktion erfolgt dann später.


    
  Anweisungen in "function"-Containern

Notiert man eine oder mehrere Anweisungen innerhalb geschweifter Klammern und gibt dem Anweisungsblock einen Namen (gefolgt von einem Klammernpaar), nennt man das eine Funktion. Vor dem Namen der Funktion steht das englische Wort für Funktion (function).

Man schreibt also : 

<script type="text/javascript" language="JavaScript">
<!--

function UhrzeitAnzeigen()
{
JavaScript-Anweisung1;
JavaScript-Anweisung2;
JavaScript-Anweisung3;
}

// -->
</script>


  Die Funktion zur Systemzeitanzeige im HEAD notieren

Beispiel für die selbst definierte Funktion zeit( )

Diese Sammlung von Anweisungen notieren Sie im HEAD-Bereich 
<script type="text/javascript" language="JavaScript">
<!--

function zeit()
{
uhrzeit=new Date();
document.write(uhrzeit.getHours() + " Uhr ");
document.write(uhrzeit.getMinutes() + " Minuten");
}

//-->
</script>
Diese Funktion wird beim Lesen der HTML-Datei vom Browser gespeichert. Die Funktion wird nicht automatisch beim Aufbau des HTML-Dokuments ausgeführt !



  Die Funktion zur Zeitanzeige im BODY aufrufen

Im Body-Bereich kann man nun einfach (natürlich innerhalb von JavaScript-Deklarationen) den Funktionsnamen plus Klammernpaar plus Strichpunkt notieren, um die Funktion aufzurufen: 
<script type="text/javascript" language="JavaScript">
<!--
zeit();
//-->
</script>

Das Ergebnis :
 Vom JavaScript erzeugte Darstellung  




Die Funktion kann man nun beliebig oft einsetzen.





Falls Sie eine Funktion in mehreren Dokumenten verwenden möchten, empfiehlt sich die Auslagerung in eine externe JavaScript-Datei. Auf der nächsten Seite behandle ich ein solches Beispiel.









Ein JavaScript 'einbauen' 1) Grundlagen

Ein JavaScript 'einbauen' 2) Script im Body-Bereich

Ein JavaScript 'einbauen' 4) Script in externer Datei

NACH OBEN