JavaScript Popups

In JavaScript können drei Arten von Meldungsfenstern erstellt werden: Alert-Boxen, Bestätigungsboxen und Prompt-Boxen.

Alert-Box

Alert-Boxen werden häufig verwendet, um sicherzustellen, dass Benutzer bestimmte Informationen erhalten können.

Wenn eine Alert-Box erscheint, muss der Benutzer auf die Schaltfläche OK klicken, um fortzufahren.

Syntax

window.alert("sometext");

window.alert()Die Methode kann direkt ohne das window-Objekt verwendet werden, indem diealert()-Methode verwendet wird.

Beispiel

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello, I am an alert box!");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="Show alert box">

</body>
</html>

Selbst ausprobieren »

Bestätigungsbox

Bestätigungsdialoge werden häufig verwendet, um zu überprüfen, ob Benutzeraktionen akzeptiert werden sollen.

Wenn ein Bestätigungsdialog erscheint, kann der Benutzer auf "Bestätigen" oder "Abbrechen" klicken, um die Aktion des Benutzers zu bestätigen.

Wenn Sie auf "Bestätigen" klicken, gibt der Bestätigungsdialog true zurück; wenn Sie auf "Abbrechen" klicken, gibt der Bestätigungsdialog false zurück.

Syntax

window.confirm("sometext");

window.confirm()Die Methode kann direkt ohne das window-Objekt verwendet werden, indem dieconfirm()-Methode verwendet wird.

Beispiel

var r=confirm("Press a button");
if (r==true)
{
x="You pressed \"OK\" button!";
}
else
{
x="Sie haben die Schaltfläche \"Abbrechen\" gedrückt!";
}

Selbst ausprobieren »

Eingabebox

Prompt-Dialoge werden oft verwendet, um Benutzer zur Eingabe eines Werts aufzufordern, bevor sie eine Seite betreten.

Wenn ein Prompt-Dialog erscheint, muss der Benutzer einen Wert eingeben und dann auf die Schaltfläche Bestätigen oder Abbrechen klicken, um fortzufahren.

Wenn der Benutzer auf Bestätigen klickt, ist der Rückgabewert der eingegebene Wert. Wenn der Benutzer auf Abbrechen klickt, ist der Rückgabewert null.

Syntax

window.prompt("irgendein Text","Standardwert");

window.prompt()Die Methode kann direkt ohne das window-Objekt verwendet werden, indem dieprompt()Methode verwendet wird.

Beispiel

var person=prompt("Bitte geben Sie Ihren Namen ein","Harry Potter");
if (person!=null && person!="")
{
x="Hallo " + person + "! Wie fühlen Sie sich heute?";
    document.getElementById("demo").innerHTML=x;
}

Selbst ausprobieren »

Zeilenumbrüche

Popups verwenden Backslash + "n" (\n), um Zeilenumbrüche festzulegen.

Beispiel

alert("Hello\nHow are you?");

Selbst ausprobieren »
Andere Erweiterungen