本文已参与「新人创作礼」活动，一起开启掘金创作之路。

1、在html中，使用onclick属性

2、在javascript中，使用onclick属性

（1）注意函数名没有双引号。

3、在javascipt中，使用addEvenListener()方法

三种方法的比较

（1）在第二、三种方法中，可以向函数传入一个event对象，并读取其相应属性，而方法一不可以。一些语法细节

（2）在第一种方法中，onclick大小写无关，但在第二种方法中，必须使用小写。因为HMTL对大小写不敏感，而JS则会区分大小写。

（3）在第二、三种方法中，指定函数名时没有双引号，而第一种作为一个HTML属性，需要双引号。

（4）第一种方法需要括号，第二、三种不需要。

　　  onclick="clickHandler()"

 　　document.getElementById("jsOnClick").onclick = clickHandler2; 

 　　document.getElementById("adEventListener").addEventListener("click",clickHandler2);