Sie sind hier � 25
In diesem Kapitel
verwenden wir diese drei
Methoden.
Wie Sie gesehen haben, bietet Ihnen der Browser eine einfache
Möglichkeit, Benutzer mittels der alert-Funktion anzusprechen.
Hierfür brauchen Sie alert nur mit einem String aufzurufen, den der
Browser dann als Meldung in einer Dialogbox ausgibt. Wir müssen
allerdings zugeben, dass wir diese Möglichkeit etwas zu oft benutzt
haben. Sie sollten alert möglichst nur benutzen, wenn Sie alles
anhalten wollen, um den Benutzer über etwas zu informieren.
Wir haben bereits darüber geredet, wie Sie Ihre Seiten inter-
aktiver machen können und dass Sie dafür mit Ihren Benutzern
kommunizieren müssen. Tatsächlich gibt es hierfür verschiedene Wege,
von denen Sie einige bereits kennen. Bevor wir diese Möglichkeiten
detailliert betrachten, wollen wir Ihnen einen kleinen Überblick geben:
Sprechen Sie Ihre Benutzer direkt an
Jede JavaScript-Umgebung besitzt auch eine Konsole, die Meldungen Ihres
Codes aufzeichnen kann. Um eine Nachricht in das Konsolenprotokoll zu
schreiben, verwenden Sie die Funktion console.log. Ihr übergeben Sie
den String, der in der Konsole ausgegeben werden soll (weitere Details über
die Verwendung von console.log in Kürze). Betrachten Sie console.
log als Werkzeug, um Fehler in Ihrem Code zu finden, das Ihre Benutzer
typischerweise nie zu sehen bekommen. Als Mittel zur Kommunikation mit
den Besuchern taugt es also eher nicht.
Die Konsole benutzen
Direkt ins Dokument schreiben
Warnmeldungen
Stellen Sie sich Ihre Webseite als Dokument vor (der Browser macht das auch
so). Mit der Funktion document.write können Sie HTML und alle möglichen
anderen Inhalte an beliebiger Stelle in Ihre Seite einfügen. Das sieht man zwar
gelegentlich, aber allgemein gilt diese Methode als schlechter Stil. Wir sind in
diesem Kapitel kurz so vorgegangen, weil dieser Weg einen guten Startpunkt bietet.
Das Dokument direkt manipulieren
Das hier ist die Oberliga. Im Prinzip können Sie direkt mit Ihrer Seite und den
Benutzern interagieren, denn mithilfe von JavaScript können Sie direkt auf die
eigentliche Webseite zugreifen, ihren Inhalt lesen und ändern oder sogar die
zugrunde liegende Struktur und die enthaltenen Stile verändern! Das geschieht
über das Document Object Model des Browsers (mehr dazu später). Dies ist auch
die beste Möglichkeit, um mit Ihren Benutzern zu kommunizieren. Um das
Document Object Model zu benutzen, müssen Sie allerdings wissen, wie Ihre
Seite strukturiert ist und wie die Programmierschnittstelle benutzt wird, über
die die Seite gelesen und geschrieben werden kann. Wir werden uns bald damit
befassen. Zunächst gibt es aber noch mehr JavaScript zu lernen.
Hier wollen wir hin. Sobald Sie
angekommen sind, können Sie Ihre
Seite auch vielerlei Arten lesen,
ändern und manipulieren.
Die Konsole ist praktisch, um
Programmierfehler aufzustöbern. Bei
Tippfehlern, z. B. einem fehlenden
Anführungszeichen, gibt JavaScript
normalerweise eine Fehlermeldung auf
der Konsole aus, um Ihnen bei der
Fehlersuche zu helfen.
Ein Sprung ins kalte JavaScript-Wasser
26 Kapitel 1
Vergleich von JavaScript-Ausgaben
Alle Kommunikationsmethoden sind maskiert zur Party gekommen. Können Sie uns
helfen, ihre wahre Identität aufzudecken? Verbinden Sie die Beschreibungen auf
der rechten Seite mit den Namen auf der linken. Die erste Verbindung haben wir
schon für Sie hergestellt.
document.write
console.log
alert
Document Object Model
(DOM)
Ich halte den Benutzer an
und gebe eine kurze Meldung
aus. Der Benutzer muss erst
auf »OK« klicken, damit es
weitergeht.
Ich füge etwas HTML und
Text in die Seite ein. Ich bin
zwar nicht die eleganteste
Methode, um Nachrichten an
Ihre Benutzer auszugeben,
aber ich funktioniere in
jedem Browser.
Benutzen Sie mich, um eine
Webseite komplett zu kon-
trollieren: Ich kann Benut-
zereingaben auslesen, den
HTML-Code und CSS-Stile
ändern sowie den Inhalt
Ihrer Seite aktualisieren.
Ich bin eigentlich nur zur
Fehlersuche da. Benutzen Sie
mich, und ich werde Informa-
tionen auf einer speziellen
Entwicklerkonsole ausgeben.
wer macht was?
h
h
h
h
Get JavaScript-Programmierung von Kopf bis Fuß now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
