Maison > Article > interface Web > 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

WBOYoriginal: 2016-05-16 15:50:461587parcourir

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.

Déclaration：

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

Article précédent：Comment utiliser RegExp pour une correspondance régulière dans les conseils JavaScript_javascriptArticle suivant：Comment utiliser RegExp pour une correspondance régulière dans les conseils JavaScript_javascript

Articles Liés

Voir plus