Bitte warten...

JavaScript: Dialoge

► JavaScript-Referenz: alert() confirm() prompt()

Die Methoden alert(), confirm() und prompt() erzeugen verschiedene modale Dialogboxen. Zeilenwechsel in mehrzeiligem Text kann mit \n gekennzeichnet werden.

alert() kann nur mit OK bestätigt werden. Der Rückgabewert ist immer undefined.

confirm() kann mit OK (Rückgabewert true) oder Abbrechen (Rückgabewert false) bestätigt werden.

prompt() erwartet eine Benutzereingabe und gibt diese als Rückgabewert zurück. Es kann ein Vorgabetext übergeben werden.

Code auswählen
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="de">
  <head>
    <title>Dialoge</title>
    <meta charset="UTF-8">
    <script>
      function htmlencode(str) {
        if (str != null) return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
        else return "";
      }
    </script>
  </head>
  <body>
    <button type="button" onclick="document.getElementById('out1').innerHTML = alert('Hallo Welt!\nHallo Welt!');">alert()</button>
    Ausgabe: <span id="out1"></span><br>
    <button type="button" onclick="document.getElementById('out2').innerHTML = confirm('Hallo Welt!');">confirm()</button>
    Ausgabe: <span id="out2"></span><br>
    <button type="button" onclick="document.getElementById('out3').innerHTML = htmlencode(prompt('Hallo Welt!','deine Eingabe'));">prompt()</button>
    Ausgabe: <span id="out3"></span>
  </body>
</html>