In JavaScript können Sie Ereignisse für ein Element angeben, und es gibt drei Möglichkeiten, diese anzugeben:
1. Verwenden Sie in HTML das Onclick -Attribut
2. Verwenden Sie in JavaScript das Onclick -Attribut
3. Verwenden Sie in Javascipt die Methode addevenListener ()
Vergleich von drei Methoden
(1) In der zweiten und dritten Methode kann ein Ereignisobjekt an die Funktion übergeben und seine entsprechenden Eigenschaften gelesen werden, Methode 1 kann jedoch nicht verwendet werden.
(2) Die zweite und dritte Typen werden bevorzugt. Der erste Typ ist nicht förderlich, um den Inhalt von Ereignissen zu trennen, und es ist auch unmöglich, den relevanten Inhalt des Ereignisobjekts zu verwenden.
Einige Syntaxdetails
(1) Bei der ersten Methode ist Onclick -Fall irrelevant, aber in der zweiten Methode muss ein niedrigerer Fall verwendet werden. Weil HMTL nicht fallsempfindlich ist, während JS fallsempfindlich ist.
(2) In der zweiten und dritten Methode gibt es bei der Angabe des Funktionsnamens keine Doppelzitate, während die erste Methode ein HTML -Attribut ist und doppelte Zitate erfordert.
(3) Die erste Methode erfordert Klammern, während die zweite und die dritte Methode dies nicht tun.
onclick = "ClickHandler ()" document.getElementById ("JSONCLICK"). Onclick = ClickHandler2; document.getElementById ("addEventListener"). AddEventListener ("Click", ClickHandler2);Der vollständige Code lautet wie folgt:
<! DocType html> <html> <head> <meta charset = "utf-8"> <title> sogar Deom </title> </head> <body> <button id = "htmlonclick" onclick = "clickHandler ()"> htmlonclick </button id = "jsonclick"> jsonclick " id = "addEventListener"> addEventListener </button> <script Defer> Funktion clickHandler () {alert ("Onclick -Attribut in html"); } Funktion ClickHandler2 (e) {alert (e.target.innerhtml); } document.getElementById ("JSONCLICK"). onclick = clickHandler2; document.getElementById ("addEventListener"). AddEventListener ("Click", ClickHandler2); </script> </body> </html>In JavaScript können Sie Ereignisse für ein Element angeben, und es gibt drei Möglichkeiten, diese anzugeben:
1. Verwenden Sie in HTML das Onclick -Attribut
2. Verwenden Sie in JavaScript das Onclick -Attribut
(1) Beachten Sie, dass der Funktionsname keine doppelten Zitate hat.
3. Verwenden Sie in Javascipt die Methode addevenListener ()
Vergleich von drei Methoden
(1) In der zweiten und dritten Methode kann ein Ereignisobjekt an die Funktion übergeben und seine entsprechenden Eigenschaften gelesen werden, Methode 1 kann jedoch nicht verwendet werden.
Einige Syntaxdetails
(1) Bei der ersten Methode ist Onclick -Fall irrelevant, aber in der zweiten Methode muss ein niedrigerer Fall verwendet werden. Weil HMTL nicht fallsempfindlich ist, während JS fallsempfindlich ist.
(2) In der zweiten und dritten Methode gibt es bei der Angabe des Funktionsnamens keine Doppelzitate, während die erste Methode ein HTML -Attribut ist und doppelte Zitate erfordert.
(3) Die erste Methode erfordert Klammern, während die zweite und die dritte Methode dies nicht tun.
onclick = "ClickHandler ()" document.getElementById ("JSONCLICK"). Onclick = ClickHandler2; document.getElementById ("addEventListener"). AddEventListener ("Click", ClickHandler2);Der vollständige Code lautet wie folgt:
<! DocType html> <html> <head> <meta charset = "utf-8"> <title> sogar Deom </title> </head> <body> <button id = "htmlonclick" onclick = "clickHandler ()"> htmlonclick </button id = "jsonclick"> jsonclick " id = "addEventListener"> addEventListener </button> <script Defer> Funktion ClickHandler () {alert ("Onclick -Attribut in html"); ClickHandler2; document.getElementById ("addEventListener"). AddEventListener ("Click", ClickHandler2); </script> </body> </html>