JavaScript/Window/alert

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Methode Window.alert gibt Text in einem Dialogfenster aus.

Syntax

Window.alert(nachricht);

  • nachricht: Zeichenkette, eine Zahl oder ein Objekt


Anwendungsbeispiel

Beispiel ansehen …
  document.querySelector('#button').addEventListener('click',warnung);
  
  
  function warnung() {
    alert('Sie sollten doch nicht drücken!');
  }

Das Beispiel führt beim Anklicken des Buttons eine Warnung aus. Sie können der alert()-Methode feste Zeichenketten übergeben wie im Beispiel, aber auch Variablen. Dann wird der Inhalt der Variablen ausgegeben. Auch zusammengesetzte Ketten dürfen Sie übergeben, etwa: alert('Ihr Browser' + navigator.userAgent)

Beachten Sie: Intern wandelt die alert()-Methode den übergebenen Parameter in eine Zeichenkette um. So kann es vorkommen, dass sich ein Wert mit alert() ausgeben lässt, jedoch keine Zeichenkettenoperationen mit dem ausgegebenen Wert ausführbar sind, da es sich außerhalb der Ausgabe nicht um eine Zeichenkette handelt. Der Rückgabewert der Methode alert() ist stets undefined.

Verwendung

window.alert-Meldungen unterbrechen den Programmablauf. Manchmal ist dies gewünscht; eine mehrfache Verwendung belastet jedoch den Browser und sollte daher vermieden werden.

Empfehlung: Sie sollten:
  • Fehlermeldungen für den Entwickler mit console.log ausgeben
  • Fehlermeldungen für den Nutzer in das DOM einbauen
  • Testausgaben mit window.alert nur in Ausnahmefällen vornehmen

in iframes

Die Anzeige von modalen Dialogen in iframes unterliegt den Regeln, die das sandbox-Attribut des iframe-Elements festlegt.

Darüber hinaus soll die Anzeige modaler Dialoge aus iframes zukünftig (Stand August 2021) nur noch in Same-Origin Kontexten möglich sein[1].

Aussehen gestalten

Das Aussehen des Mitteilungsfenster ist abhängig vom Betriebssystem und dem verwendeten Browser. Das bedeutet, Sie können die Auswahl nur mittels Steuerzeichen formatieren. Weitere Formatierungsmöglichkeiten stehen Ihnen nicht zur Verfügung.

Alternativ können Sie eine solche Dialog-Box in JavaScript nachbauen und anstelle von alert() aufrufen.

Hauptartikel: JavaScript/Tutorials/Eigene modale Dialogfenster

Weblinks

Referenzen

  1. CSS-Tricks: Chris Coyier über die Missbilligung von modalen Dialogen, abgerufen am 10.08.2021

Siehe auch