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
So ändern Sie die Kodierung der MySQL-Datenbank in utf8mb4
Die utf8mb4-Kodierung ist eine Obermenge der utf8...
Detaillierte Erläuterung des Problems, dass der Speicherplatz nach dem Löschen der Linux-Datei nicht freigegeben wird
Vorwort Wenn der Systemspeicherplatz zu groß ist ...
Detailliertes Tutorial zum Ausführen mehrerer Springboot mit Docker
Docker führt mehrere Springboot Erstens: Port-Map...
Geschickte Nutzung von WebKit-Box-Reflect zur Erzielung verschiedener dynamischer Effekte (Zusammenfassung)
In einem Artikel vor langer Zeit habe ich über di...
So erstellen Sie einen Elastic-Stack-Cluster mit mehreren Knoten auf RHEL8/CentOS8
Elastic Stack, allgemein bekannt als ELK Stack, i...
Die „3I“-Standards für erfolgreiche Printwerbung
Für viele inländische Werbetreibende ist die Erste...
Grafisches Tutorial zur Installation und Konfiguration der MySQL 5.7.21-Dekomprimierungsversion
In diesem Artikel wird der detaillierte Vorgang z...
Zusammenfassung von 76 Erfahrungspunkten der User Experience
Klassifizierung der Website-Erfahrung 1. Sinneser...
Auswahl der Groß-/Kleinschreibung von MySQL-Tabellennamen
Inhaltsverzeichnis 1. Parameter, die die Groß-/Kl...
JavaScript-Implementierung des Verifizierungscode-Falls
In diesem Artikel wird der spezifische Code für J...
Drei Möglichkeiten zum Implementieren eines Textfarbverlaufs in CSS
Bei der Entwicklung von Web-Frontends entwerfen U...
Tutorial zur Migration von MySQL von phpstudy nach Linux
Projektzweck Migrieren Sie die Daten in MySQL 5.5...
Eine kurze Diskussion über die Verwendung der Web Storage API
Inhaltsverzeichnis 1. Lokale Speichertechnologie ...
Tutorial zum Upgrade von Centos7 auf Centos8 (mit Bildern und Text)
Wenn Sie ein Upgrade in einer formalen Umgebung d...
Anweisungen zur Verwendung von MySQL-Indizes (einspaltiger Index und mehrspaltiger Index)
1. Einspaltiger Index Die Auswahl der Spalten, fü...