Comment entrer en javascript

JavaScript est un langage de programmation couramment utilisé dans de nombreux domaines tels que le développement Web, les applications mobiles et les serveurs. En tant que débutant, si vous souhaitez bien apprendre JavaScript, en plus de comprendre la syntaxe de base et les API courantes du langage, vous devez également maîtriser certaines méthodes de saisie. Cet article présentera en détail plusieurs méthodes de saisie en JavaScript.

1. Boîte d'invite

L'une des méthodes de saisie les plus élémentaires utilisées en JavaScript est la boîte d'invite, qui peut faire apparaître une boîte de dialogue pour inviter l'utilisateur à saisir du texte. Il existe trois types de boîtes de dialogue : alerte, confirmation et invite.

(1) alert

alert est une boîte de dialogue qui affiche uniquement des informations d'invite. Elle est souvent utilisée pour afficher des informations à l'utilisateur ou rappeler à l'utilisateur certains points. La boîte de dialogue d'alerte ne comporte qu'un seul bouton OK et ne peut pas obtenir de saisie utilisateur.

Format de grammaire :

alert(message);

Exemple :

alert("Hello World!");

(2) confirm

confirm est une boîte de dialogue qui nécessite une confirmation de l'utilisateur et est souvent utilisée pour demander à l'utilisateur s'il doit effectuer une opération. La boîte de dialogue de confirmation comporte deux boutons : OK et Annuler, l'utilisateur peut choisir en fonction de la situation.

Format de grammaire :

confirm(message);

Exemple :

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

(3) prompt

prompt est une boîte de dialogue qui demande à l'utilisateur de saisir du texte et est souvent utilisée pour obtenir des données de saisie utilisateur. La boîte de dialogue d'invite comporte deux boutons : OK et Annuler, l'utilisateur peut choisir en fonction de la situation. Le texte saisi par l'utilisateur sera renvoyé sous forme de chaîne.

Format de grammaire :

prompt(message, default);

Exemple :

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

2. Zone de saisie

En plus d'utiliser la zone d'invite, JavaScript peut également saisir via la zone de saisie. Les zones de saisie sont généralement placées dans des pages HTML et utilisent des scripts JavaScript pour obtenir et traiter les données saisies par l'utilisateur.

(1) Zone de texte

La zone de texte est une zone de saisie courante qui permet aux utilisateurs de saisir du texte et d'obtenir la valeur dans la zone de texte via des scripts JavaScript. Ajoutez simplement un élément d'entrée à la page HTML à l'aide d'une zone de texte.

Exemple HTML :

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

Exemple JavaScript :

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

(2) Zone déroulante

La zone déroulante est une zone de saisie qui permet uniquement à l'utilisateur de sélectionner parmi les options spécifiées. la boîte vers le bas peut être obtenue via les options de scripts JavaScript.

Exemple HTML :

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

Exemple JavaScript :

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

(3) Boutons radio et cases à cocher

Les boutons radio et les cases à cocher sont utilisés pour permettre à l'utilisateur de sélectionner respectivement une ou plusieurs options parmi plusieurs. L'utilisation de boutons radio et de cases à cocher est similaire à l'utilisation de listes déroulantes, en utilisant des scripts JavaScript pour obtenir les options sélectionnées par l'utilisateur.

Exemple HTML :

<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'>橙子

Exemple JavaScript :

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);
    }
}

3. Téléchargement de fichiers

Dans certains scénarios, nous avons besoin que les utilisateurs téléchargent des fichiers, comme le téléchargement d'avatars, le téléchargement de fichiers, etc. En JavaScript, nous pouvons créer une boîte de téléchargement de fichier via l'élément d'entrée, puis utiliser des scripts JavaScript pour obtenir le fichier sélectionné par l'utilisateur.

Exemple HTML :

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

Exemple JavaScript :

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

Résumé

Il existe plusieurs méthodes de saisie en JavaScript ci-dessus, notamment les zones d'invite, les zones de saisie et le téléchargement de fichiers. Après avoir maîtrisé ces méthodes de saisie, nous pouvons facilement interagir avec les utilisateurs et obtenir les données saisies par les utilisateurs. Bien sûr, ce n'est que la base de la saisie JavaScript. Si vous souhaitez en savoir plus sur la saisie JavaScript, vous devez en apprendre davantage sur le langage JavaScript lui-même. J'espère que cet article pourra être utile à tout le monde !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!