JavaScript Pop-up-Fenster

JavaScript 有三种类型的弹出框:警告框、确认框和提示框。

警告框

如果要确保信息传递给用户,通常会使用警告框。

当警告框弹出时,用户将需要单击“确定”来继续。

Syntax

window.alert("sometext");

window.alert(); Methoden können ohne window 前缀来写。

Beispiel

alert("我是一个警告框!");

Versuchen Sie es selbst

确认框

如果您希望用户验证或接受某个东西,则通常使用“确认”框。

当确认框弹出时,用户将不得不单击“确定”或“取消”来继续进行。

如果用户单击“确定”,该框返回 true。如果用户单击“取消”,该框返回 false.

Syntax

window.confirm("sometext");

window.confirm(); Methoden können ohne window mit einem Präfix zu schreiben.

Beispiel

var r = confirm("请按按钮");
if (r == true) {
    x = "Sie haben Bestätigen geklickt!";
} else {
    x = "Sie haben Abbrechen geklickt!";
}

Versuchen Sie es selbst

Hinweisfenster

Wenn Sie möchten, dass der Benutzer vor dem Eintreten auf die Seite einen Wert eingibt, verwenden Sie in der Regel ein Hinweisfenster.

Wenn der Benutzer gezwungen wird, einen Wert einzugeben und dann auf "Bestätigen" oder "Abbrechen" zu klicken, um fortzufahren, wird in der Regel ein Hinweisfenster verwendet.

wird, wenn der Benutzer auf "Bestätigen" klickt, der Wert der Eingabe zurückgegeben. Wenn der Benutzer auf "Abbrechen" klickt, wird der Wert "null" zurückgegeben. NULL.

Syntax

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

window.prompt() Methoden können ohne window mit einem Präfix zu schreiben.

Beispiel

var person = prompt("Bitte geben Sie Ihren Namen ein", "Bill Gates");
if (person != null) {
    document.getElementById("demo").innerHTML = "Hallo " + person + "! Wie war dein Tag?";
}

Versuchen Sie es selbst

Zeilenumbruch

Um Zeilenumbrüche in Pop-up-Fenstern anzuzeigen, fügen Sie nach dem Backslash ein Zeichen hinzu n.

Beispiel

alert("Hello\nWie geht es dir?");

Versuchen Sie es selbst