Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
Event-Handler:
onload
,
onunload
und
onerror
.
    Dem Event-Handler
onload
ist ein etwas kompliziert wirkender Aufruf zugewiesen. Es handelt sich um einen Aufruf der JavaScript-Methode
setTimeout()
, die zum Fensterobjekt von JavaScript gehört. Sie ermöglicht es, eine Anweisung zeitverzögert auszuführen. Als erster Parameter wird die gewünschte JavaScript-Anweisung angegeben, als zweiter Parameter die Anzahl Millisekunden für die zeitverzögerte Ausführung. Im Beispiel wird die Funktion
showTime()
mit einer Verzögerung von 1 Sekunde (1.000 Millisekunden) aufgerufen.
    Die Funktion
showTime()
ist im Script-Bereich im Dokumentkopf notiert. Ihre Aufgabe besteht darin, die Minuten und Sekunden, die der Anwender bereits auf der Seite ist, jede Sekunde neu anzuzeigen. Die verstrichenen Minuten und Sekunden werden in dem
b
-Element ausgegeben, das unterhalb des

-Tags zu finden ist. Das Element ist mit dem Inhalt
00:00
vorbelegt. JavaScript sorgt dafür, dass die Zeit im Sekundentakt hochgezählt wird. Auf die Details der Funktion
showTime()
wird an dieser Stelle nicht näher eingegangen, ebenso wenig wie auf die der Funktion
calcTime()
, die innerhalb von
showTime()
aufgerufen wird. Die Aufgabe der Funktionen besteht darin, die Zeit bis zu einem Maximalwert hochzuzählen. Dieser ist in einer Variablen namens
max
definiert, die oberhalb der Funktionen mit
5 * 60
initialisiert wird, so dass maximal bis 300 Sekunden, also 5 Minuten, hochgezählt wird. Danach bleibt die Zeitanzeige stehen und wird eingefärbt, um zu signalisieren, dass die Zeit abgelaufen ist.
    Der Event-Handler
onunload
tritt ein, wenn der Anwender die Webseite verlässt, egal ob durch einen Link oder durch Aufruf einer anderen Seite über Browser-Funktionen. Im obigen Beispiel wird bei diesem Ereignis die Funktion
saveTime()
aufgerufen, die ebenfalls im Dokumentkopf notiert ist. Ihre Aufgabe besteht darin, die aktuell verstrichene Zeit in einem permanenten Cookie zu speichern. Der Effekt dieser Merkfunktion wird im oberen Teil des Script-Bereichs, oberhalb der Funktion
showTime()
, genutzt. Da dieser Code nicht in einer Funktion steht, wird er beim Laden der Webseite direkt ausgeführt. Er liest ein eventuell gespeichertes Cookie aus und korrigiert in dem Fall die verstrichene Zeit von 0 auf den Wert, der im Cookie gespeichert ist. Die Zeit läuft also von dem Stand aus weiter, bei dem die Seite zuletzt verlassen wurde.
    Der dritte im Beispiel notierte Event-Handler
onerror
hat nichts direkt mit der Zeitanzeige und ihrer Speicherung zu tun. Dieses Ereignis tritt ein, wenn bei einem JavaScript im Dokument ein Fehler auftritt. Sie können auf diese Weise eine eigene Fehlerbehandlung definieren. Im Beispiel wird die Funktion
errorInfo()
aufgerufen, die im Dokumentkopf notiert ist. Im Beispiel zeigt diese Funktion der Einfachheit halber in dem Bereich, in dem sonst die laufende Zeitanzeige erscheint, das Wort
FEHLER
an.
Referenzinformationen
    Eventreferenz
onerror
,
    Eventreferenz
onload
,
    Eventreferenz
onunload
:

    Es gibt noch weitere Event-Handler für Fenster- und Dokumentereignisse. Details finden Sie in Anhang C HTML-Eventreferenz .
10.2      Script- und Noscript-Bereiche
    JavaScripts werden wahlweise innerhalb von Script-Bereichen im HTML-Dokument notiert oder in separaten Textdateien, die dann in solche Script-Bereiche eingebunden werden können.
Beispiel
    
    
    
    
    Die Unix-Zeitansage
    
    
    
    


    


    Die Überschrift zeigt den Unix-Zeitstempel des
    Ladezeitpunkts dieser Webseite.
    


    
    
Erläuterung
    Mit

wird der Bereich beendet. Innerhalb des Bereichs können Sie Anweisungen der verwendeten Script-Sprache notieren.
Da HTML5 ECMAScript bzw. JavaScript als Defaultsprache für Scripts annimmt, benötigen Sie keine weitere Angabe zur verwendeten Scriptsprache.
    Wenn Sie HTML-4.0-kompatibel arbeiten wollen, müssen Sie die verwendete Scriptsprache jedoch in jedem Fall explizit angeben. Dazu notieren Sie