So geben Sie Javascript ein

JavaScript ist eine häufig verwendete Programmiersprache, die in vielen Bereichen wie Webentwicklung, mobilen Anwendungen und Servern weit verbreitet ist. Wenn Sie als Anfänger JavaScript gut erlernen möchten, müssen Sie neben dem Verständnis der grundlegenden Syntax und der allgemeinen APIs auch einige Eingabemethoden beherrschen. In diesem Artikel werden verschiedene Eingabemethoden in JavaScript ausführlich vorgestellt.

1. Eingabeaufforderungsfeld

Eine der grundlegendsten Eingabemethoden in JavaScript ist das Eingabeaufforderungsfeld, das ein Dialogfeld zur Eingabeaufforderung öffnen kann der Benutzer für Eingabetext. Es gibt drei Arten von Eingabeaufforderungsfeldern: Warnung, Bestätigung und Eingabeaufforderung.

(1) Alert

alert ist ein Dialogfeld, das nur Eingabeaufforderungsinformationen anzeigt. Es wird häufig verwendet, um dem Benutzer Informationen anzuzeigen oder den Benutzer an bestimmte Angelegenheiten zu erinnern. Das Warndialogfeld verfügt nur über eine Schaltfläche „OK“ und kann keine Benutzereingaben erhalten.

Grammatikformat:

alert(message);

Beispiel:

alert("Hello World!");

(2) bestätigen

bestätigen ist eine Methode, die einen Benutzer erfordert Bestätigungsdialogfeld, in dem der Benutzer häufig gefragt wird, ob er einen bestimmten Vorgang ausführen möchte. Das Bestätigungsdialogfeld verfügt über zwei Schaltflächen: OK und Abbrechen, die der Benutzer je nach Situation auswählen kann.

Grammatikformat:

confirm(message);

Beispiel:

var result = confirm("确定要删除该记录吗？");
if (result == true) {
    deleteRecord();
} else {
    // do nothing
}

(3) prompt

prompt ist eine Methode, die einen Benutzer erfordert Eingabetext-Dialogfeld, das häufig zum Abrufen von Benutzereingabedaten verwendet wird. Das Eingabeaufforderungsdialogfeld verfügt über zwei Schaltflächen: OK und Abbrechen, die der Benutzer je nach Situation auswählen kann. Der vom Benutzer eingegebene Text wird als Zeichenfolge zurückgegeben. #🎜🎜 ## 🎜🎜#Grammatikformat:

#

prompt(message, default);

Beispiel:

var name = prompt("请输入你的名字：", "张三");
alert("你好，" + name + "！");

#🎜🎜 ## 🎜🎜#Eingabefeld#🎜🎜 ## 🎜🎜 ## 🎜🎜#Außer Ausnahme Mithilfe von Tooltips kann JavaScript auch über Eingabefelder eingegeben werden. Eingabefelder werden im Allgemeinen in HTML-Seiten platziert und verwenden JavaScript-Skripte, um vom Benutzer eingegebene Daten abzurufen und zu verarbeiten.

(1) Textfeld

2. Das Textfeld ist ein allgemeines Eingabefeld, das es Benutzern ermöglicht, über JavaScript-Skripte Text einzugeben und den Wert im Textfeld abzurufen. Fügen Sie einfach mithilfe eines Textfelds ein Eingabeelement zur HTML-Seite hinzu.

HTML-Beispiel:

<input type="text" id="myInput">

JavaScript-Beispiel:

var input = document.getElementById("myInput");
var value = input.value;
alert("你输入的是：" + value);

(2) Dropdown-Feld

Das Dropdown-Feld Das Down-Feld ist ein Eingabefeld, in dem Benutzer nur aus bestimmten Optionen auswählen können. Sie können JavaScript-Skripte verwenden, um die vom Benutzer im Dropdown-Feld ausgewählten Optionen abzurufen.

HTML-Beispiel:

<select id="mySelect">
  <option>苹果</option>
  <option>香蕉</option>
  <option>橙子</option>
</select>

JavaScript-Beispiel:

var select = document.getElementById("mySelect");
var optionIndex = select.selectedIndex;
var option = select.options[optionIndex];
var value = option.value;
alert("你选择的是：" + value);

(3) Optionsfelder und Kontrollkästchen

Optionsfelder und Häkchen Felder werden jeweils verwendet, um dem Benutzer die Auswahl einer oder mehrerer Optionen aus mehreren Optionen zu ermöglichen. Die Verwendung von Optionsfeldern und Kontrollkästchen ähnelt der Verwendung von Dropdown-Feldern und verwendet JavaScript-Skripte, um die vom Benutzer ausgewählten Optionen abzurufen.

HTML-Beispiel:

<input type='radio' name='gender' value='male'>男
<input type='radio' name='gender' value='female'>女

<input type='checkbox' name='fruits' value='apple'>苹果
<input type='checkbox' name='fruits' value='banana'>香蕉
<input type='checkbox' name='fruits' value='orange'>橙子

JavaScript-Beispiel:

var gender = document.getElementsByName("gender");
for (var i = 0; i < gender.length; i++) {
    if (gender[i].checked) {
        var value = gender[i].value;
        alert("你选择的性别是：" + value);
    }
}

var fruits = document.getElementsByName("fruits");
for (var i = 0; i < fruits.length; i++) {
    if (fruits[i].checked) {
        var value = fruits[i].value;
        alert("你选择的水果是：" + value);
    }
}

Datei-Upload

In einigen Szenarien müssen Benutzer Dateien hochladen, z. B. beim Hochladen von Avataren, beim Hochladen von Dateien usw. In JavaScript können wir über das Eingabeelement ein Datei-Upload-Feld erstellen und dann JavaScript-Skripte verwenden, um die vom Benutzer ausgewählte Datei abzurufen.

HTML-Beispiel:

<input type='file' id='myFile'>

3. JavaScript-Beispiel:

var fileInput = document.getElementById('myFile');
var file = fileInput.files[0];
var fileName = file.name;
alert("你选择的文件是：" + fileName);

Zusammenfassung

Die oben genannten sind verschiedene Arten von Eingaben in JavaScript Methoden, einschließlich Eingabeaufforderungsfeld, Eingabefeld und Datei-Upload. Nachdem wir diese Eingabemethoden beherrschen, können wir problemlos mit Benutzern interagieren und vom Benutzer eingegebene Daten abrufen. Dies ist natürlich nur die Grundlage der JavaScript-Eingabe. Wenn Sie mehr über die JavaScript-Eingabe erfahren möchten, müssen Sie mehr über die JavaScript-Sprache selbst erfahren. Ich hoffe, dieser Artikel kann für alle hilfreich sein!

Das obige ist der detaillierte Inhalt vonSo geben Sie Javascript ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!