Javascript-Tipp: Alert mit Zeilenumbruch

Mit dem Befehl “alert()” lässt sich in Javascript ein einfaches Hinweisfenster ausgeben. Damit das besser aussieht, kann man mit einem Zeilenumbruch auch Leerzeilen einfügen – allerdings kennt der Javascript-Befehl kein HTML: Sonderzeichen und HTML-Befehle werden nicht erkannt, der Zeilenumbruch mit &lgt;br&rgt; oder &lgt;br /&rgt; funktioniert bei alert() nicht.

 
Stattdessen schreibt man den Zeilenumbruch so: “\n”

Ein Backslash und der Buchstabe “n” ergeben zusammen den Zeilenumbruch – sie lassen sich auch zu mehreren Leerzeilen kombinieren: “\n\n\n”.

Ausprobieren: So sieht der Javascript Zeilenumbruch bei alert() aus!

 
Alert-Fenster ohne Zeilenumbruch

Javascript Code:

alert('Dies ist ein Test!')

 
 
Alert-Fenster mit mehreren Zeilenumbrüchen

Javascript Code:

alert('Dies\nist\nein\nTest!')

 
 
Alert-Fenster mit Leerzeile

Javascript Code:

alert('alert('Dies ist ein Test!\n\nMit Leerzeile!')

 
 
Großes Alert-Fenster mit Leerzeilen

Javascript Code:

alert('alert('Dies ist ein großes Fenster!\n\n\n\n\n\n\n\n\n\n')

Javascript Zeilenumbruch bei confirm Abfrage

Neben dem einfachen Hinweisfenster mit dem alert Befehl funktioniert der Zeileinumbruch aber auch in dem Abfrage-Fenster, bei dem man mit “confirm” dem Nutzer die Möglichkeit gibt, mit “Ok” oder “Abbrechen” eine Entscheidung in dem Javascript-Programm zu treffen!

Großes Abstimmungs-Fenster mit Leerzeilen

Javascript Code:

confirm('Dies ist ein großes Fenster!\n\n\n\n\n\n\n\n\n\n')