Maison > interface Web > js tutoriel > Javascript réalise l'effet de confirmation et d'annulation des compétences d'invite box_javascript

Javascript réalise l'effet de confirmation et d'annulation des compétences d'invite box_javascript

WBOY
Libérer: 2016-05-16 15:50:46
original
1633 Les gens l'ont consulté

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>

Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal