Maison >interface Web >js tutoriel >La fonction alert() en JavaScript apparaît, les techniques de test et une explication détaillée sur la façon d'émettre des alertes

La fonction alert() en JavaScript apparaît, les techniques de test et une explication détaillée sur la façon d'émettre des alertes

伊谢尔伦
伊谢尔伦original
2017-07-25 15:11:359502parcourir

Dans le code JavaScript, vous pouvez utiliser la fonction alert() de l'objet window pour afficher un morceau de texte pour déboguer le programme, ou pour alerter l'utilisateur d'une information pertinente :

//Use window object's alert() function
window.alert("sample text");

Cette méthode d'écriture peut être simplifiée en utilisant directement la fonction alert() :

//Simplified 
alert() usagealert("sample text");

Si vous devez afficher du texte avec des sauts de ligne, vous pouvez utiliser n :

//Use \n in alert()
alert("The first line\nThe second line");

Si vous devez utiliser des caractères de tabulation, vous pouvez utiliser t :

//Use \t in alert()
alert("Alex\t50\t34\nBob\t59\t38");

Utilisation de variables

En plus d'afficher des chaînes statiques, l'alerte() La fonction peut également accepter des variables et comparer la valeur de la variable avec d'autres épissages de chaînes :

//Use variable in alert()
var word = "life";
alert("The magic word is: " + word + ". Don't panic.");

Malheureusement, bien que la fonction alert() puisse accepter des variables, elle ne peut effectuer cette opération d'épissage de chaînes qu'avec une autre méthode de débogage ; console. Contrairement à log(), la fonction alert() n'accepte pas de transmettre des paramètres aux chaînes. Prenons le code suivant comme exemple :

//Try to use parameter in alert(), will fail
var name = "Bob";
var years = 42;
alert("%s is %d years old.", name, years);

Si la fonction alert() accepte un paramètre de chaîne, le résultat de sortie attendu sera "Bob a 42 ans."; fonction Ceci n'est pas pris en charge, donc le résultat final est "%s a %d ans."

Style de fenêtre contextuelle

Étant donné que la boîte contextuelle utilisée par la fonction alert() est un objet système de navigateur plutôt qu'un objet de document de page Web, elle ne peut pas être transmis dans la fonction alert(). Utilisez des balises HTML pour définir le style de la boîte contextuelle - les balises HTML seront affichées intactes. Pour le code suivant :

//Try to use HTML tags in alert(), will fail
alert("<b>Test Text</b>");

Le résultat de sortie n'est pas en gras "Test Text".

Si vous avez vraiment besoin de changer le style de la boîte d'alerte, vous disposez des deux options suivantes :

1. Utilisez les caractères Unicode dans la fonction alert(). L'avantage de cette solution est qu'elle est très simple à mettre en œuvre, mais ses limites sont également évidentes : le pouvoir expressif des caractères Unicode est très limité.

2. Au lieu d'utiliser la fonction alert(), utilisez des composants HTML pour simuler des boîtes de dialogue contextuelles (comme en utilisant jQuery UI Dialog). L'avantage de cette solution est que la boîte pop-up sera très expressive, mais son utilisation augmentera la complexité du code front-end.

La fonction alert() peut être utilisée pour alerter les utilisateurs avec des informations et peut également être utilisée pour déboguer des programmes. Pour le premier, l'utilisation de composants tels que jQuery UI Dialog peut augmenter considérablement l'expressivité et l'expérience utilisateur ; pour le second, puisque la boîte de dialogue alert() bloquera l'exécution du code JavaScript, dans de nombreux cas, console.log() est utilisé pour déboguer le programme est une meilleure solution.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn