JavaScript verfügt über drei Arten von Popup-Feldern: Benachrichtigungsfeld, Bestätigungsfeld und Eingabeaufforderungsfeld.
Eine Benachrichtigungsbox wird häufig verwendet, wenn Sie sicherstellen möchten, dass Informationen beim Benutzer ankommen.
Wenn ein Warnfeld erscheint, muss der Benutzer auf „OK“ klicken, um fortzufahren.
window.alert("sometext");Die Methode window.alert() kann ohne das Fenster geschrieben werden Präfix.
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Alert</h2>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
alert("I am an alert box!");
}
</script>
</body>
</html>
Ein Bestätigungsfeld wird häufig verwendet, wenn der Benutzer etwas bestätigen oder akzeptieren soll.
Wenn ein Bestätigungsfeld angezeigt wird, muss der Benutzer entweder auf „OK“ oder „Abbrechen“ klicken, um fortzufahren.
Wenn der Benutzer auf „OK“ klickt, gibt das Feld true zurück. Wenn der Benutzer auf „Abbrechen“ klickt, kehrt das Feld zurück falsch.
window.confirm("sometext");Die Methode window.confirm() kann ohne das Fensterpräfix geschrieben werden.
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Confirm Box</h2>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var txt;
if (confirm("Press a button!")) {
txt = "You pressed OK!";
} else {
txt = "You pressed Cancel!";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>
Ein Eingabeaufforderungsfeld wird häufig verwendet, wenn der Benutzer vor dem Aufrufen einer Seite einen Wert eingeben soll.
Wenn ein Eingabeaufforderungsfeld angezeigt wird, muss der Benutzer entweder auf „OK“ oder „Abbrechen“ klicken. um nach der Eingabe eines Eingabewerts fortzufahren.
Wenn der Benutzer auf „OK“ klickt, gibt das Feld den Eingabewert zurück. Wenn der Benutzer auf „Abbrechen“ klickt, gibt das Feld null zurück.
window.prompt("sometext","defaultText");Die Methode window.prompt() kann ohne das Fensterpräfix geschrieben werden.
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Prompt</h2>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
let text;
let person = prompt("Please enter your name:", "Harry Potter");
if (person == null || person == "") {
text = "User cancelled the prompt.";
} else {
text = "Hello " + person + "! How are you today?";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
Um Zeilenumbrüche in einem Popup-Fenster anzuzeigen, verwenden Sie einen Backslash gefolgt vom Zeichen n.
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript</h2>
<p>Line-breaks in a popup box.</p>
<button onclick="alert('Hello\nHow are you?')">Try it</button>
</body>
</html>