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 bestätigt werden. Der Rückgabewert ist immer undefined.
confirm() kann mit (Rückgabewert true) oder (Rückgabewert false) bestätigt werden.
prompt() erwartet eine Benutzereingabe und gibt diese als Rückgabewert zurück. Es kann ein Vorgabetext übergeben werden.
<!DOCTYPE html>
<html lang="de">
<head>
<title>Dialoge</title>
<meta charset="UTF-8">
<script>
function htmlencode(str) {
if (str != null) return str.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
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>