Comment déclencher avec succès une fonction JavaScript avec un bouton HTML ?

Appel d'une fonction JavaScript avec un bouton HTML

Problème

Pour tenter de déclencher une fonction JavaScript, un bouton HTML a été utilisé. Cependant, la fonctionnalité souhaitée n'est pas obtenue.

Résolution

L'utilisation d'un bouton HTML pour appeler une fonction JavaScript peut être réalisée de plusieurs manières :

1. Événement HTML Définition :

   <input>

2. Attribution de la propriété d'événement DOM :

   // Using a function pointer:
   document.getElementById("clickMe").onclick = doFunction;
   
   // Using an anonymous function:
   document.getElementById("clickMe").onclick = function () { alert('hello!'); };

3. Événement Fonction du gestionnaire Pièce jointe :

   var el = document.getElementById("clickMe");
   if (el.addEventListener)
       el.addEventListener("click", doFunction, false);
   else if (el.attachEvent)
       el.attachEvent('onclick', doFunction);

Les première et deuxième méthodes s'excluent mutuellement. La troisième méthode permet d'attacher plusieurs fonctions au même gestionnaire d'événements.

Dépannage

Il est probable que le problème réside dans la fonction CapacitéChart(). La revisite de l'exemple de code révèle l'ouverture de deux fenêtres contextuelles. Pour déboguer :

1. Remplacer :

   CapacityWindow.document.write(s);

   par :

   CapacityWindow.document.open("text/html");
   CapacityWindow.document.write(s);
   CapacityWindow.document.close();

2. Remplacer les références à document.all par document.getElementById .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!