Explication détaillée des conseils d'utilisation de la fonction alert() dans les conseils JavaScript_javascript

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

Copier le code Le code est le suivant :

//Utiliser la fonction alert() de l'objet fenêtre
window.alert("exemple de texte");

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

Copier le code Le code est le suivant :

//Utilisation simplifiée de alert()
alert("exemple de texte");

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

Copier le code Le code est le suivant :

//Utilisez n dans alert()
alert("Le premier lingeLa deuxième ligne");

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

Copier le code Le code est le suivant :

//Utilisez t dans alert()
alert("Alext50t34nBobt59t38");

Utilisation des variables

En plus d'afficher des chaînes statiques, la fonction alert() peut également accepter des variables et concaténer les valeurs des variables avec d'autres chaînes :

Copier le code Le code est le suivant :

//Utiliser la variable dans alert()
var mot = "vie";
alert("Le mot magique est : " mot ". Pas de panique.");

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

Copier le code Le code est le suivant :

//Essayez d'utiliser le paramètre dans alert(), cela échouera
var nom = "Bob";
var années = 42;
alert("%s a %d ans.", nom, années);

Si la fonction alert() accepte un paramètre de chaîne, le résultat attendu sera "Bob a 42 ans." mais en fait, la fonction alert() ne le prend pas en charge, donc le résultat final est "%s is %" ; 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, vous ne pouvez pas définir le style de la boîte contextuelle en utilisant des balises HTML dans la fonction alert(). - les balises HTML seront laissées intactes. Pour le code suivant :

Copier le code Le code est le suivant :

//Essayez d'utiliser des balises HTML dans alert(), cela échouera
alert("Texte de test");

Le résultat de sortie n'est pas le "Texte de test" en gras.

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

1. Utilisez des 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.

Conclusion

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.