JavaScript est un langage de programmation populaire largement utilisé dans le développement Web et le développement d'applications multiplateformes. Parmi eux, l'invite est une méthode importante en JavaScript. Elle nous permet de faire apparaître une zone de saisie sur la page et peut être utilisée pour obtenir les données saisies par l'utilisateur. Cet article présentera l'utilisation de l'invite.
1. Utilisation de base
La syntaxe de base de l'invite est la suivante :
prompt(message, par défaut);
#🎜 🎜#where , message est une chaîne spécifiant le message à afficher dans la zone d'invite. default est un paramètre facultatif qui spécifie la valeur par défaut à renvoyer lorsque l'utilisateur ne saisit aucune valeur. Si aucune valeur par défaut n'est spécifiée, l'utilisateur peut saisir n'importe quelle chaîne ou choisir d'annuler. Lorsque la méthode d'invite est appelée, elle empêchera l'exécution d'autres codes JavaScript jusqu'à ce que l'utilisateur saisisse des données ou annule la saisie. Par exemple, vous pouvez utiliser le code suivant pour faire apparaître une boîte de dialogue : var name = prompt("Quel est votre nom ?");Si l'utilisateur saisit un nom, le nom sera attribué au nom de la variable. Si l'utilisateur annule la saisie, le nom de la variable se verra attribuer la valeur null. Si vous souhaitez définir une valeur par défaut, vous pouvez utiliser le code suivant : var name = prompt("Quel est votre nom ?", "Xiao Ming"); #Ici sera La valeur par défaut est définie sur "Xiao Ming". Si l'utilisateur ne saisit aucune valeur, le nom de la variable se verra attribuer la valeur "Xiao Ming". 2. Conversion du type de données Il convient de noter que le type de données obtenu par la méthode d'invite est une chaîne. Si vous devez convertir la chaîne en d'autres types de données, vous pouvez utiliser les méthodes parseInt et parseFloat. Par exemple, vous pouvez convertir une chaîne numérique saisie par l'utilisateur en un entier : var ageStr = prompt("Quel est votre âge ?");
var age = parseInt(ageStr);
if (isNaN(age)) {alert("请输入有效的年龄!");
alert("您的年龄是" + age + "岁。");
var price = parseFloat(priceStr);
if (isNaN (prix)) {alert("请输入有效的价格!");
alert("商品价格是:" + price + "元。");
document.getElementById("username").innerHTML = nom ;
Si l'entrée de l'utilisateur est un script JavaScript, le script sera exécuté. Pour éviter cela, vous pouvez utiliser la version sécurisée de la méthode innerHTML - innerText (ou textContent, pris en charge dans certains navigateurs plus anciens). Par exemple :
var name = prompt("Quel est votre nom ?");
document.getElementById("username").innerText = name;
La méthode innerText est utilisée ici pour insérer le texte saisi par l'utilisateur dans le document HTML au lieu d'utiliser la méthode innerHTML.
De plus, afin d'assurer la sécurité du code, lors de l'utilisation de la méthode d'invite, il est préférable de vérifier et de filtrer les données saisies par l'utilisateur pour s'assurer que seules les données valides sont acceptées. Par exemple, lors de l'obtention du numéro saisi par l'utilisateur, vous pouvez utiliser la méthode isNaN pour vérifier si la valeur de retour est un nombre et, dans le cas contraire, envoyer un message d'erreur à l'utilisateur.
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!