Beispiel für ein JavaScript-Meldungsfeld
|
In JavaScript können drei Arten von Meldungsfeldern erstellt werden: Warnfelder, Bestätigungsfelder und Eingabeaufforderungsfelder. WarnfeldWarnfelder werden normalerweise verwendet, um sicherzustellen, dass Benutzer bestimmte Informationen erhalten. Wenn das Warnfeld angezeigt wird, muss der Benutzer auf die Schaltfläche „OK“ klicken, um den Vorgang fortzusetzen. Syntaxformat:
window.alert("Warntext");Beispiel-Quellcode:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Beispiel für eine JS-Warnmeldung</title>
<Skript>
Funktion meineFunktion(){
alert("Hehe, das ist ein Warnfeld!");
}
</Skript>
</Kopf>
<Text>
<input type="button" onclick="myFunction()" value="Warnfeld anzeigen" />
</body>
</html>Speichern unter: JS Warning Box example.html Führen Sie den Test mit einem Browser aus. Die Ergebnisse sind wie folgt:
BestätigungsfeldBestätigungsfelder werden häufig verwendet, um zu überprüfen, ob eine Benutzeraktion akzeptiert wurde. Wenn das Bestätigungsfeld angezeigt wird, kann der Benutzer auf „Bestätigen“ oder „Abbrechen“ klicken, um den Benutzervorgang zu bestätigen. Wenn Sie auf „Bestätigen“ klicken, gibt das Bestätigungsfeld „True“ zurück, wenn Sie auf „Abbrechen“ klicken, gibt das Bestätigungsfeld „False“ zurück. Syntaxformat:
window.confirm("text");Beispiel-Quellcode:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Beispiel einer JS-Bestätigungsbox</title>
</Kopf>
<Text>
<p>Klicken Sie auf die Schaltfläche, um ein Bestätigungsfeld anzuzeigen. </p>
<button onclick="myFunction()">Klick mich</button>
<p id="demo"></p>
<Skript>
Funktion meineFunktion(){
var x;
var r=confirm("Hehe, das ist ein Box-Beispiel!");
wenn (r==true){
//x="Sie haben die Schaltfläche \"OK\" gedrückt!";
x='Sie haben die Schaltfläche "OK" gedrückt!';
}
anders{
//x="Sie haben die Schaltfläche \"Abbrechen\" gedrückt!";
x='Sie haben die Schaltfläche "Abbrechen" gedrückt!';
}
document.getElementById("demo").innerHTML=x;
}
</Skript>
</body>
</html>Speichern unter: JS Bestätigungsbox example.html Führen Sie den Test mit einem Browser aus. Die Ergebnisse sind wie folgt:
Trinkgeld-BoxEingabeaufforderungsfelder werden normalerweise verwendet, um Benutzer aufzufordern, vor dem Aufrufen der Seite einen Wert einzugeben. Wenn das Eingabeaufforderungsfeld angezeigt wird, muss der Benutzer einen Wert eingeben und dann auf die Schaltfläche „Bestätigen“ oder „Abbrechen“ klicken, um den Vorgang fortzusetzen. Wenn der Benutzer auf „OK“ klickt, ist der Rückgabewert der eingegebene Wert. Wenn der Benutzer auf „Abbrechen“ klickt, ist der Rückgabewert null. Syntaxformat:
window.prompt("Eingabeaufforderungstext","Standardwert");Beispiel-Quellcode:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Beispiel für eine JS-Eingabeaufforderung</title>
</Kopf>
<Text>
<p>Klicken Sie auf die Schaltfläche, um den Eingabedialog anzuzeigen. </p>
<button onclick="myFunction()">Klick mich</button>
<p id="demo"></p>
<Skript>
Funktion meineFunktion(){
var x;
var person = prompt("Bitte geben Sie Ihren Namen ein", "Tom");
wenn (Person!=null && Person!=""){
x="Hallo" + Person + "! Wie fühlst du dich heute?";
document.getElementById("demo").innerHTML=x;
}
}
</Skript>
</body>
</html>Speichern unter: JS-Eingabeaufforderungsfeld example.html Führen Sie den Test mit einem Browser aus. Die Ergebnisse sind wie folgt:
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: So verwenden Sie mysqladmin, um die aktuellen TPS und QPS einer MySQL-Instanz abzurufen
>>: Lösen Sie schnell das Problem des langsamen Tomcat-Starts, super einfach
Artikel empfehlen
Sorgen Sie für eine schnelle Website
Ist Leistung wirklich wichtig? Leistung ist wicht...
HTML-Tutorial: Ungeordnete Liste
<br />Originaltext: http://andymao.com/andy/...
Analyse der Ideen zur Implementierung vertikaler Tabellen auf zwei Arten im Vue-Projekt
Problembeschreibung In unseren Projekten sind hor...
Der Unterschied und die Verwendung von einzeiligem und zweizeiligem Layout im Flex-Mobillayout
Hier ist ein einzeiliges Layout mit ul>li für ...
Was ist HTML?
Geschichte der HTML-Entwicklung: HTML steht im En...
Konvertieren Sie ausgeschnittene PSD-Bilder in das Div+CSS-Format
Beispiel für das Zuschneiden einer Webseite von P...
Detaillierte Schritte zur Installation von MYSQL8.0 auf CentOS7.6
1. Im Allgemeinen ist MariaDB in CentOS standardm...
vue + springboot realisiert die Login-Funktion
In diesem Artikelbeispiel wird der spezifische Co...
Fehlerbehebung bei MySQL-Datenverlust
Inhaltsverzeichnis Vorwort Untersuchung vor Ort G...
Detaillierte Erläuterung der Angular-Routing-Unterrouten
Inhaltsverzeichnis 1. Subroutensyntax 2. Beispiel...
Detailliertes Tutorial zum Kompilieren und Installieren von mysql8.0.29 in der LNMP-Umgebung von CentOS8
1. Voraussetzungen Da ich es schon mehrmals insta...
Einfaches Docker Swarm-Tutorial
Schwarm drei virtuelle Maschinen 132,133,134 1. I...
So installieren Sie mehrere mysql5.7.19 (tar.gz)-Dateien unter Linux
Informationen zur ersten Installation der MySQL-5...
Zusammenfassung der Verwendung von drei For-Schleifenanweisungen in JavaScript (for, for...in, for...of)
Vorwort Jeder Entwickler, der mit JS in Berührung...
Web realisiert den Code zum Öffnen des Fensters zum Hochladen von Dateien durch Klicken auf das Bild
Code kopieren Der Code lautet wie folgt: <Stil...