Cet effet se retrouve sur de nombreuses pages Web. Lorsque vous cliquez sur un bouton ou un autre objet, une boîte de dialogue apparaîtra. Si vous cliquez sur OK, vous continuerez à exécuter le programme établi. Si vous cliquez sur Annuler, vous annulerez. et continuez l'exécution. L'exemple de code est le suivant :
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>确定和取消提示框</title> <style type="text/css"> div { width:150px; margin:0px auto; } a { font-size:12px; color:blue; } </style> <script type="text/javascript"> window.onload=function(){ var mylink=document.getElementById("mytest"); mylink.onclick=function(){ if(confirm("确定要访问吗")) { return true; } else { return false; } } } </script> </head> <body> <div><a href="/" id="mytest">点击跳转</a></div> </body> </html>
Dans le code ci-dessus, lorsque vous cliquez sur le lien, une boîte de dialogue apparaîtra. Si vous cliquez sur OK, vous visiterez la page d'accueil d'Ant Tribe, sinon vous ne la visiterez pas. L'essentiel de la réalisation de cette fonction est d'utiliser confirm(), et la valeur du paramètre est le contenu textuel de la boîte d'invite. Voici une brève introduction au principe du code ci-dessus :
1. Lorsqu'un lien est cliqué, le gestionnaire d'événements onclick lié à l'élément a sera appelé.
2. Dans la fonction de traitement d'événements, puisque confirm() retournera true lorsque vous cliquez sur le bouton OK et false lorsque vous cliquez sur le bouton Annuler, l'instruction if choisira d'exécuter l'instruction if ou else en fonction de la valeur de retour de confirm() .
Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.