JavaScript Einbinden
    
WWW.WEB-TOOLBOX.NET
ZURÜCK SITEMAP  

  3) JavaScript einbinden - im Head-Breich

Ein JavaScript im Head-bereich plaziert, wird beim Einlesen des HTML-Dokuments durch den Browser neben dem HTML-Code ebenfalls eingelenen und im internen Cach (Speicher) des Browsers bereitgehalten.


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>


1)Zuerst schreibt man das englische Wort für Funktion : function
2)dann den Namen der Funktion
3)Hinter dem Funktionsnamen setzt man ein Klammernpaar  ( )
(für jetzt erstmal keine weitere Erkärung)
4)Dahinter stehen die geschweiften Klammern  {  }
5)Zwischen diesen Klammern gehören die Anweisungen
(nennt man Anweisungsblock)
6)Am Ende jeder Befehlszeile steht ein Semikolon (Strichpunkt).



  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 anwenden.


Falls Sie eine Funktion in mehreren Dokumenten verwenden möchten, empfiehlt sich die Auslagerung in eine externe JavaScript-Datei. dazu mehr im Artikel "externe / ausgelagerte JavaScripts".







NACH OBEN