Esta parte del tutorial tiene como objectif cubrir JavaScript «tal como está», sin ajustes específicos del entorno. Pero aún utilizamos un le navigateur Quoi entorno de demostración. Así que deberíamos saber al menos algunas funciones de interface utilisateur. En este capítulo nos familiarizaremos con las funciones del navegador alerte, rapide y confirmer.
Alerte
Syntaxe:
alerte (message);
Cela affiche un message et arrête
ne la ejecución de la secuencia de comandos hasta que el Nom d'utilisateur presione «OK».
Par exemple:
alerte("Bonjour");
La mini-fenêtre contenant le message est appelée fenêtre modale. Le mot « modal » signifie que le visiteur ne peut pas <interactuar con el resto de la página, presionar otros botones, etc., hasta que haya tratado con la ventana. En este caso – hasta que presionen «OK».
rapide
La fonction rapide accepte deux arguments :
result = prompt(titre[, par défaut]);
Affiche une fenêtre modale avec un message texte, un champ de saisie pour le visiteur et des boutons Accepter y Annuler.
title //titre Le texte à afficher au visiteur. par défaut //boutons par défaut
Un deuxième paramètre facultatif, la valeur initiale du champ de saisie.
Le visiteur peut taper quelque chose dans le champ de saisie rapide et appuyer sur OK. Ils peuvent également annuler l'entrée en appuyant sur le bouton ANNULER ou en appuyant sur la touche Échap.
L'appel à rapide renvoie le texte du champ ou nul si l'entrée a été annulée.
Par exemple:
let age= prompt('Quel âge as-tu ?', 100); alert('Vous avez ${age} ans !); // Tu as 100 ans !
Le deuxième paramètre est facultatif. Mais si nous ne le fournissons pas, Internet Explorer insérerait le texte "indéfini«sur l'indicateur.
Exécutez ce code dans Internet Explorer pour voir que :
let test = prompt("Test");
Par conséquent, pour bien paraître dans IE, il est recommandé de toujours fournir le deuxième argument :
let test= prompt("Test", ''); // <-- pour IE
Confirmer
La syntaxe :
résultat = confirmer (question);
La fonction confirmer affiche une fenêtre modale avec les boutons de questions : OK et ANNULER.
Le résultat est vrai si OK est enfoncé et faux sinon.
Par exemple:
let Boss = confirm("Etes-vous le patron ?"); alerte( Patron ); // vrai si OK est enfoncé
Dans la leçon d'aujourd'hui, nous abordons trois fonctions spécifiques du navigateur pour interagir avec le visiteur :
- alerte affiche un message.
- rapide muestra un mensaje pidiendo al usuario que ingrese texto. Devuelve el texto o, si CANCELAR o Esc se presionan, todos los navigateurs regresan nul.
- confirmer affiche un message et attend que l'utilisateur appuie sur "OK" ou "ANNULER". Revient vrai pour OK et faux pour ANNULER ou Esc.
Toutes ces méthodes sont modales : elles suspendent l'exécution du script et ne permettent pas au visiteur d'interagir avec le reste de la page tant que le message n'a pas été supprimé.
Il existe deux limitations communes à toutes les méthodes ci-dessus :
L'emplacement exact de la fenêtre modale est déterminé par le navigateur. C'est généralement au centre.
L'apparence exacte de la fenêtre dépend également du navigateur. Nous ne pouvons pas le modifier.
C'est le prix de la simplicité. Il existe d'autres moyens d'afficher des fenêtres plus belles et une interaction plus riche avec le visiteur, mais si les « cloches et sifflets » n'ont pas beaucoup d'importance, ces méthodes fonctionnent bien.