В JavaScript вы можете указать события для элемента, и есть три способа их указания:
1. В HTML используйте атрибут OnClick
2. В JavaScript используйте атрибут OnClick
3. В Javascipt используйте метод addevenlistener ()
Сравнение трех методов
(1) Во втором и третьем методах объект события может быть передан в функцию, и его соответствующие свойства могут быть прочитаны, но метод 1 не может быть использован.
(2) Предпочтительны вторые и третьи типы. Первый тип не способствует отделению контента от событий, а также невозможно использовать соответствующий контент объекта события.
Некоторые синтаксические детали
(1) В первом методе корпус OnClick не имеет значения, но во втором методе необходимо использовать более низкий случай. Потому что HMTL не чувствителен к случаю, а JS чувствителен к случаям.
(2) Во втором и третьем методах при указании имени функции нет двойных кавычек, в то время как первый метод является атрибутом HTML и требует двойных кавычек.
(3) Первый метод требует скобок, а второй и третий методы - нет.
onclick = "clickhandler ()" document.getElementById ("jsonClick"). OnClick = clickHandler2; document.getElementById ("addEventListener"). AddEventListener ("click", clickHandler2);Полный код заключается в следующем:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> даже deom </title> </head> <body> <button id = "htmlonclick" onclick = "clickhandler ()"> htmlonclick </buttonclic id = "addEventListener"> addEventListener </button> <script defer> function clickhandler () {alert ("onclick attribute in html"); } function clickHandler2 (e) {alert (e.target.innerhtml); } document.getElementById ("jsonClick"). OnClick = clickHandler2; document.getElementById ("addEventListener"). AddEventListener ("click", clickHandler2); </script> </body> </html>В JavaScript вы можете указать события для элемента, и есть три способа их указания:
1. В HTML используйте атрибут OnClick
2. В JavaScript используйте атрибут OnClick
(1) Обратите внимание, что имя функции не имеет двойных кавычек.
3. В Javascipt используйте метод addevenlistener ()
Сравнение трех методов
(1) Во втором и третьем методах объект события может быть передан в функцию, и его соответствующие свойства могут быть прочитаны, но метод 1 не может быть использован.
Некоторые синтаксические детали
(1) В первом методе корпус OnClick не имеет значения, но во втором методе необходимо использовать более низкий случай. Потому что HMTL не чувствителен к случаю, а JS чувствителен к случаям.
(2) Во втором и третьем методах при указании имени функции нет двойных кавычек, в то время как первый метод является атрибутом HTML и требует двойных кавычек.
(3) Первый метод требует скобок, а второй и третий методы - нет.
onclick = "clickhandler ()" document.getElementById ("jsonClick"). OnClick = clickHandler2; document.getElementById ("addEventListener"). AddEventListener ("click", clickHandler2);Полный код заключается в следующем:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> даже deom </title> </head> <body> <button id = "htmlonclick" onclick = "clickhandler ()"> htmlonclick </buttonclic id = "addEventListener"> addEventListener </button> <script defer> function clickhandler () {alert ("onclick attribute in html");} function clickhandler2 (e) {alert (e.target.innerhtml);} document.getelementbyid ("jsonclick"). clickhandler2; document.getElementById ("AddEventListener"). AddEventListener ("click", clickHandler2); </script> </body> </html>