Bind event to element using pure Javascript

 第一中方法：

clickName

js文件中定义方法

function rsy(){
console.log(new Date())
}

第二种方法：

 

Id

js文件中定义方法

var oky = document.getElementById('oky');

oky.οnclick=function(){

console.log(new Date()')
 }

或者

 oky.οnclick=rsy;  //方法rsy要在js文件中声明
/*
这里是把方法传递给onclick，而不是执行该方法，如果写成oky.οnclick=rsy();页面加载的时候会立即执行rsy方法
*/

第三种方式：

Id

js文件中定义方法

var oky = document.getElementById('oky');

oky.addEventListener('click',rsy);

注意：用后两种方法的时候，这种引用外部js放在body最后或者html文件最后位置。如果放在header里，那么会先解析js，html没解析加载var oky = document.getElementById('oky');得到的oky会为null，oky.onclick会报错，页面卡死。

小贴士：如果一个元素既有第一种方式也有第二种方式，那么第二种方式会起作用。（具体原因我还不懂）