Wie rufe ich eine JavaScript-Funktion ordnungsgemäß über eine HTML-Schaltfläche auf?

Aufrufen einer JavaScript-Funktion mit einer HTML-Schaltfläche

Sie versuchen, eine JavaScript-Funktion, CapacityChart(), mithilfe einer HTML-Schaltfläche aufzurufen. aber die Funktion wird nicht ordnungsgemäß ausgeführt.

Der erste Ansatz besteht darin, den Onclick-Ereignishandler direkt im HTML zu definieren element:

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

Das Definieren von Ereignishandlern in HTML weist jedoch Einschränkungen auf. Moderne Browser bevorzugen die Verwendung von JavaScript-Ereignis-Listenern für eine bessere Code-Organisation und -Wartung.

Mit JavaScript können Sie dem Onclick-Ereignis der Schaltfläche mithilfe der Methode addEventListener() einen Ereignis-Listener zuweisen:

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

Eine andere Möglichkeit besteht darin, eine anonyme Funktion direkt an die onclick-Eigenschaft anzuhängen:

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

Das Problem mit Ihrer CapacityChart()-Funktion liegt wahrscheinlich woanders. Versuchen Sie, das Problem mit dem folgenden Code zu beheben:

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

Um die browserübergreifende Kompatibilität sicherzustellen, ersetzen Sie außerdem alle Instanzen von document.all durch document.getElementById in Ihrem Code.

Das obige ist der detaillierte Inhalt vonWie rufe ich eine JavaScript-Funktion ordnungsgemäß über eine HTML-Schaltfläche auf?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!