Comment appeler correctement une fonction JavaScript à partir d'un bouton HTML ?

Appel d'une fonction JavaScript avec un bouton HTML

Vous essayez d'appeler une fonction JavaScript, CapacitéChart(), à l'aide d'un bouton HTML, mais la fonction ne s'exécute pas correctement.

La première approche consiste à définir le gestionnaire d'événements onclick directement dans le code HTML. element:

<input type="button" value="Capacity Chart" onclick="CapacityChart();">

Cependant, la définition de gestionnaires d'événements en HTML a des limites. Les navigateurs modernes préfèrent utiliser des écouteurs d'événements JavaScript pour une meilleure organisation et maintenance du code.

À l'aide de JavaScript, vous pouvez attribuer un écouteur d'événements à l'événement onclick du bouton à l'aide de la méthode addEventListener() :

document.getElementById("buttonId").addEventListener("click", CapacityChart);

Une autre option consiste à attacher une fonction anonyme directement à la propriété onclick :

document.getElementById("buttonId").onclick = function() { CapacityChart(); };

Le problème avec votre fonction CapacitéChart() réside probablement autre part. Essayez d'utiliser le code suivant pour résoudre le problème :

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

De plus, pour garantir la compatibilité entre navigateurs, remplacez toutes les instances de document.all par document.getElementById dans votre code.

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!