Neueste Web-Entwicklung Tutorials
 

JavaScript Popup-Boxen


JavaScript hat drei Arten von Pop-up-Boxen: Benachrichtigungsfeld bestätigen Feld und Feld Eingabeaufforderung.


Alert-Box

Eine Warnmeldung wird häufig verwendet, wenn Sie sicher, dass Informationen zu wollen kommt durch den Benutzer.

Wenn ein Warnfeld angezeigt wird, muss der Benutzer klicken auf "OK" , um fortzufahren.

Syntax

window.alert("sometext");

Die window.alert() Methode kann ohne das Fenster Präfix geschrieben werden.

Beispiel

alert("I am an alert box!");
Versuch es selber "

Bestätigen Box

Ein Bestätigungsfeld wird häufig verwendet, wenn der Benutzer möchte etwas zu verifizieren oder zu akzeptieren.

Wenn ein Bestätigungsfeld angezeigt wird, muss der Benutzer klicken entweder "OK" oder "Cancel" , um fortzufahren.

Klickt der Benutzer auf "OK" , gibt die Box wahr. Wenn der Benutzer klickt auf "Cancel" , gibt die Box falsch.

Syntax

window.confirm("sometext");

Die window.confirm() Methode kann ohne das Fenster Präfix geschrieben werden.

Beispiel

var r = confirm("Press a button");
if (r == true) {
    x = "You pressed OK!";
} else {
    x = "You pressed Cancel!";
}
Versuch es selber "

Souffleurkasten

Ein Prompt Box wird häufig verwendet, wenn der Benutzer einen Wert, bevor Sie eine Seite eingeben.

Wenn ein Promptbox erscheint, muss der Benutzer klicken entweder "OK" oder "Cancel" , nach der Eingabe eines Eingangswertes , um fortzufahren.

Klickt der Benutzer auf "OK" kehrt das Feld den Eingabewert. Wenn der Benutzer klickt auf "Cancel" , das Feld null zurückgibt.

Syntax

window.prompt("sometext","defaultText");

Die window.prompt() Methode kann ohne das Fenster Präfix geschrieben werden.

Beispiel

var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
Versuch es selber "

Zeilenumbrüche

Um Zeilenumbrüche in einem Popup-Fenster angezeigt werden, verwenden Sie einen Backslash durch das Zeichen n gefolgt.

Beispiel

alert("Hello\nHow are you?");
Versuch es selber "