Wie löse ich erfolgreich eine JavaScript-Funktion mit einer HTML-Schaltfläche aus?

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

Problem

Bei dem Versuch, eine JavaScript-Funktion auszulösen, wurde eine HTML-Schaltfläche verwendet. Die beabsichtigte Funktionalität wird jedoch nicht erreicht.

Lösung

Die Verwendung einer HTML-Schaltfläche zum Aufrufen einer JavaScript-Funktion kann auf verschiedene Arten erreicht werden:

1. HTML-Ereignis Definition:

   <input>

2. DOM-Ereigniseigenschaftszuweisung:

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

3. Ereignis Handler-Funktion Anhang:

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

Die erste und die zweite Methode schließen sich gegenseitig aus. Mit der dritten Methode können mehrere Funktionen an denselben Event-Handler angehängt werden.

Fehlerbehebung

Es ist wahrscheinlich, dass das Problem in der CapacityChart()-Funktion liegt. Ein erneuter Blick auf das Codebeispiel zeigt, dass sich zwei Popups öffnen. Zum Debuggen:

1. Ersetzen:

   CapacityWindow.document.write(s);

   durch:

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

2. Ersetzen Sie Verweise auf document.all durch document.getElementById .

Das obige ist der detaillierte Inhalt vonWie löse ich erfolgreich eine JavaScript-Funktion mit einer HTML-Schaltfläche aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!