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

  2) JavaScript einbinden im Body-Bereich

Hier ein Beispiel für Script-Anweisungen, die direkt im BODY notiert sind. Üblicherweise sind das Script-Anweisungen, deren Resultat dann an genau dieser Stelle im HTML-Dokument angezeigt werden sollen.


Die Anweisungen werden durch die JavaScript-Deklaration umschlossen. So weiß der Browser, das es sich nicht um HTML-Code handelt und versucht nicht, den Code als Text darzustellen.

Ein JavaScript im Body plaziert, kann beim Aufbau der Darstellung des HTML-Dokuments gleich eingelesen und ausgeführt werden.

Das Resultat aus den JavaScript-Anweisungen wird dann an der Stelle angezeigt, wo das Script steht.

Es ist möglich, den JavaScript-Bereich wiederum mit Style-Angaben zu umschließen. So könnte eine Textausgabe des Scripts formatiert werden. Siehe blauen Code im Bild rechts: Textfarbe.

Mit CSS für roten Text:  

Mit CSS für blauen Text:  


  JavaScript im BODY

    
In diesem Beispiel steht im Body der JavaScript-Code zur Darstellung der Uhrzeit.

 Vom JavaScript erzeugte Darstellung  
Uhrzeit beim Öffnen dieser Seite  



Dieses Script steht im HTML-Dokument gleich hinter dem Wort "Seite": 

<script type="text/javascript" language="JavaScript">
<!--
uhrzeit=new Date();
document.write(uhrzeit.getHours() + " Uhr ");
document.write(uhrzeit.getMinutes() + " Minuten");
//-->
</script>



  Was geschieht hier?

1) generiere / schaffe eine neue leere Variable mit dem Namen "uhrzeit"
2) lege in diese Variable "uhrzeit" die Systemzeit des Computers
3) nehme aus "uhrzeit" den Teil der die Stunde anzeigt und schreibe das in das Dokument
4) scheibe ein Leerzeichen, das Wort "Uhr" und ein Leerzeichen
5) nehme aus "uhrzeit" den Teil der die Minuten anzeigt und schreibe das in das Dokument
6) schreibe ein Leeerzeichen und das Wort Minuten

Das Ergebnis: 

Möchte man die Anweisungen nicht gleich beim Aufbau der Darstellung für das HTML-Dokument ausführen lassen, muss man einen anderen Weg gehen. Dazu mehr im Artikel: "Script einbauen 2"


 Script einbauen 2







NACH OBEN