Kontakt aufnehmen

JavaScript: window.alert – Dialogbox im Browser

Die Funktion alert öffnet im Browser eine Dialogbox mit dem an die Funktion übergebenen Text.

alert('Hello World');

Die Funktion gehört zum globalen window Objekt in JavaScript, kann also auch per window.alert() aufgerufen werden. Einen Rückgabewert gibt es nicht, man erhält also undefined. Das Aussehen der Dialogbox wird vom genutzten Browser bestimmt und kann daher sehr unterschiedlich sein.

JavaScript alert im Firefox

JavaScript alert im Firefox

JavaScript alert im Chrome

JavaScript alert im Chrome

Ein per alert geöffneter Dialog ist modal. Das bedeutet, dass der aktuelle Browsertab für Nutzereingaben so lange blockiert ist, bis der Dialog geschlossen wird. Das Schließen erfolgt durch Klicken auf den OK-Button. Auch die Ausführung des JavaScript-Programms wird an der Stelle des Aufrufs von alert pausiert und erst nach dem Schließen des Dialogs fortgesetzt.

Auf Webseiten werden Dialoge per alert sehr selten verwendet. Webdesigner entwerfen Dialoge oft selbst in HTML und CSS, um mehr Kontrolle über das Layout zu haben und das Nutzererlebnis nicht zu sehr einzuschränken.

Für das Debuggen von JavaScript-Programmen wird alert hingegen häufiger genutzt, eignet sich dafür aber nur bedingt, da die ausgegebenen Nachrichten stets manuell geschlossen werden müssen.

Eine bessere Alternative kann hier das Nutzen der log Funktion des console Objekts im Programm-Code und/oder das Setzen von Haltepunkten (Breakpoints) im Entwicklungstool des jeweiligen Browsers sein.

Eine ähnliche Funktionalität wie alert bietet window.confirm. Die hiermit erzeugte Dialogbox verfügt jedoch zusätzlich über einen Abbrechen Button. Außerdem gibt die Funktion einen booleschen Wert zurück.

Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.

Kommentare

JavaScript - Beispiele: Mit dem Browser arbeiten - HTMLWorld schrieb am 10.04.2015:

[…] Mehr zum Thema alert […]

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Cookie-Einstellungen

Helfen Sie dabei, uns noch besser zu machen. Wir nutzen Cookies und ähnliche Technologien, um die Website auf Ihre Bedürfnisse anzupassen. Zur Datenschutzerklärung

Auswahl speichern