Welche Dialogfelder gibt es in Javascript? Drei Arten von Dialogfeldern in js

In diesem Artikel erfahren Sie, welche Dialogfelder in JavaScript verfügbar sind. Die drei Arten von Dialogfeldern in js zeigen Ihnen, wie Sie mit js Dialogfelder öffnen und welche Funktionen die drei Arten von Dialogfeldern haben. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

JavaScript unterstützt drei wichtige Arten von Dialogfeldern, die drei Funktionen entsprechen: Alert(), Confirm() und Prompt(). Diese Dialogfelder können verwendet werden, um Warnungen auszulösen oder um Eingaben zu bestätigen oder eine Eingabe vom Benutzer einzuholen. Im Folgenden besprechen wir jedes Dialogfeld einzeln.

Alert-Dialogfeld: Alert()

alert() wird hauptsächlich verwendet, um Warnmeldungen an Benutzer auszugeben. Wenn beispielsweise für ein Eingabefeld Text erforderlich ist, der Benutzer jedoch keine Eingaben vornimmt, können Sie im Rahmen der Validierung über ein Warnfeld eine Warnmeldung ausgeben.

Benachrichtigungsboxen können jedoch weiterhin für freundlichere Nachrichten verwendet werden. Das Warnfeld bietet lediglich eine Schaltfläche „OK“ zum Auswählen und Fortfahren.

Beispiel:

HTML-Code:

<p>点击下面查看消息：</p>

<form>
	<input type="button" value="查看消息" onclick="message();" />
</form>

JS-Code:

function message() {
	alert("这是一个警告信息！");

	document.write("<p style=&#39;text-align: center;&#39;>这是一个警告信息！<p>");
}

Laufergebnis:

Bestätigungsdialog: bestätigen()

confirm() wird hauptsächlich verwendet, um die Zustimmung des Benutzers für eine beliebige Option einzuholen. Es wird ein Dialogfeld mit zwei Schaltflächen angezeigt: OK, Abbrechen.

Die Fenstermethode bestätigen() gibt true zurück, wenn der Benutzer auf die Schaltfläche „OK“ klickt. Wenn der Benutzer auf die Schaltfläche „Abbrechen“ klickt, gibt bestätigt() „false“ zurück. Sie können das folgende Bestätigungsdialogfeld verwenden.

Beispiel (HTML-Code ist derselbe):

HTML-Code:

<p>点击下面查看结果：</p>

<form>
	<input type="button" value="查看消息" onclick="getConfirmation();" />
</form>

JS-Code:

function getConfirmation() {
	var retVal = confirm("你想继续吗？");
	if(retVal == true) {
		document.write("<p style=&#39;text-align: center;&#39;>用户希望继续！</p>");
		return true;
	} else {
		document.write("<p style=&#39;text-align: center;&#39;>用户不希望继续！</p>");
		return false;
	}
}

Laufergebnis:

Eingabeaufforderungsdialogfeld: prompt()

Eingabeaufforderungsdialogfeld: Das Eingabeaufforderungsdialogfeld ist sehr nützlich, wenn Sie ein Textfeld öffnen möchten, um Benutzereingaben zu erhalten. Daher ermöglicht es Ihnen, mit Benutzern zu interagieren. Der Benutzer muss das Feld ausfüllen und auf OK klicken.

Die Methode prompt() gibt die vom Benutzer eingegebene Zeichenfolge nach den Benutzereingaben zurück. Es verfügt über zwei Parameter:

1. Eingabeaufforderungsinformationen anzeigen

2.

Die Methode prompt() gibt die vom Benutzer eingegebene Zeichenfolge nach den Benutzereingaben zurück.

Dieses Dialogfeld verfügt über zwei Schaltflächen: OK und Abbrechen. Wenn der Benutzer auf die Schaltfläche „OK“ klickt, gibt die Methode „window prompt()“ den eingegebenen Wert aus dem Textfeld zurück. Wenn der Benutzer auf die Schaltfläche „Abbrechen“ klickt, gibt die Methode „window prompt()“ null zurück.

Beispiel:

Das folgende Beispiel zeigt, wie das Eingabeaufforderungsdialogfeld verwendet wird

HTML-Code:

<p>点击下面查看结果：</p>

<form>
	<input type="button" value="查看消息" onclick="getValue();" />
</form>

JS-Code:

function getValue() {
	var retVal = prompt("输入你的名字：", "你的名字在这里");

	if(retVal == null)
		document.write("<p style=&#39;text-align: center;&#39;>用戶沒有輸入，值為：“" + retVal + "”</p>");
	else
		document.write("<p style=&#39;text-align: center;&#39;>欢迎“" + retVal + "”进入</p>");

}

Laufeffekt:

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWelche Dialogfelder gibt es in Javascript? Drei Arten von Dialogfeldern in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!