Trois types de boîtes de message peuvent être créés en JavaScript : boîte d'avertissement, boîte de confirmation et boîte d'invite.
JavaScript alert()
Syntaxe : alert("sometext");
at Utilisez la commande alert en JavaScript pour créer une boîte d'avertissement de message :
<script type="text/javascript">
alert("Je suis le texte d'invite !");
< ;/script>
La boîte d'avertissement de message est en mode dialogue. Lorsque la boîte d'avertissement apparaît, l'utilisateur doit cliquer sur le bouton OK pour fermer la boîte d'avertissement avant de continuer. opération. La commande
alert a un paramètre, qui est la chaîne de texte que vous souhaitez afficher à l'utilisateur, qui n'est pas au format HTML.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction(){ alert("我是一个警告框!"); } </script> </head> <body> <input type="button" onclick="myFunction()" value="警告框" /> </body> </html>
JavaScript confirm()
Utilisez la commande de confirmation en JavaScript pour créer une boîte de confirmation de message :
Syntaxe : confirm("sometext");
La boîte de confirmation est généralement utilisée pour vérifier si l'opération de l'utilisateur est acceptée.
Lorsque la carte de confirmation apparaît, l'utilisateur peut cliquer sur "Confirmer" ou "Annuler" pour confirmer l'opération de l'utilisateur.
Lorsque vous cliquez sur "Confirmer", la boîte de confirmation renvoie vrai. Si vous cliquez sur "Annuler", la boîte de confirmation renvoie faux.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script> if (confirm("您确认要删除该条信息吗?")){ alert("您选择了删除!"); } else { alert("您选择了不删除"); } </script> </head> <body> </body> </html>
Invite JavaScript()
Syntaxe : prompt("sometext","defaultvalue");
Description de la syntaxe
prompt() autorise deux paramètres : le premier paramètre est le texte d'invite à afficher et le deuxième paramètre est le caractère de saisie par défaut. Si la zone de saisie n'est pas vide, prompt() renvoie la valeur de la zone de saisie (le format HTML est pris en charge), sinon elle renvoie null.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script> var name = prompt("请输入您的名字:","默认字符") if (name!=null && name!=""){ document.write("你好," + name + "!") } </script> </head> <body> </body> </html>
Saut de ligne
La fenêtre contextuelle utilise une barre oblique inverse + "n"(n) pour définir le saut de ligne.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <button onclick="myFunction()">点击显示</button> <p id="demo"></p> <script> function myFunction(){ alert("Hello\nHow are you?"); } </script> </body> </html>