Dans le code JavaScript, vous pouvez utiliser la fonction alert () de l'objet Window pour afficher un texte, afin de déboguer le programme, ou avertir l'utilisateur des informations pertinentes:
La copie de code est la suivante:
// Utiliser la fonction alert () de l'objet Window
Window.Alert ("Exemple de texte");
Cette méthode d'écriture peut être simplifiée pour utiliser directement la fonction alert ():
La copie de code est la suivante:
// Utilisation d'alerte simplifiée ()
alert ("Exemple de texte");
Si vous devez afficher du texte avec NewLines, vous pouvez utiliser / n:
La copie de code est la suivante:
// use / n in alert ()
alert ("la première ligne / nhe deuxième ligne");
Si vous avez besoin d'utiliser des caractères d'onglet, vous pouvez utiliser / t:
La copie de code est la suivante:
// utilise / t dans alerte ()
alert ("Alex / T50 / T34 / NBOB / T59 / T38");
Utilisation des variables
En plus d'afficher des chaînes statiques, la fonction alert () peut également accepter des variables et épisser les valeurs variables avec d'autres chaînes:
La copie de code est la suivante:
// Utiliser la variable en alerte ()
var word = "life";
alerte ("Le mot magique est:" + mot + ". Ne paniquez pas.");
Malheureusement, bien que la fonction alert () puisse accepter les variables, elle ne peut faire cette opération d'épissage de chaîne; Contrairement à une autre méthode de débogage Console.log (), la fonction alert () n'accepte pas la pratique du passage des paramètres aux chaînes. Le code suivant est un exemple:
La copie de code est la suivante:
// Essayez d'utiliser le paramètre dans alert (), échouera
var name = "bob";
var années = 42;
alerte ("% s a% d des ans.", Nom, années);
Si la fonction alert () accepte les passes de chaîne, la sortie attendue sera "Bob a 42 ans". Mais en fait, la fonction alert () ne prend pas en charge cela, donc la sortie finale est «% s est% d des années».
Style de fenêtre contextuel
Étant donné que la boîte contextuelle utilisée par la fonction alert () est un objet système de navigateur plutôt que d'un objet de document Web, il est impossible de définir le style de la boîte contextuelle en utilisant des balises HTML dans la fonction alert () - la balise HTML sera affichée intacte. Pour le code suivant:
La copie de code est la suivante:
// Essayez d'utiliser des balises HTML dans alert (), échouera
alert ("<b> Test Text </b>");
La sortie n'est pas un "texte de test" audacieux.
Si vous avez vraiment besoin de changer le style de la boîte d'avertissement, il existe deux options:
1. Utilisez des caractères Unicode dans la fonction alert (). L'avantage de cette solution est qu'il est très simple à mettre en œuvre, mais ses limites sont également évidentes: les caractères Unicode ont une expressivité très limitée.
2. Au lieu d'utiliser la fonction alert (), utilisez des composants HTML pour simuler des boîtes contextuelles (comme l'utilisation de la boîte de dialogue jQuery UI). L'avantage de cette solution est que la boîte contextuelle sera très expressive, mais son utilisation augmentera la complexité du code frontal.
Conclusion
La fonction alert () peut être utilisée pour alerter les utilisateurs ou pour déboguer les programmes. Pour les premiers, l'utilisation de composants tels que la boîte de dialogue JQuery UI peut considérablement augmenter l'expressivité et l'expérience utilisateur; Pour ce dernier, car la boîte pop-up alert () bloquera l'exécution du code JavaScript, dans de nombreux cas, l'utilisation de console.log () pour déboguer le programme est une meilleure solution.