Bind event to element using pure Javascript

 第一中方法：

<li class="internal" onclick="rsy()">clickName</li>

js文件中定义方法

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

第二种方法：

 <li class="internal" id="oky">Id</li>

js文件中定义方法

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

oky.onclick=function(){

console.log(new Date()')
 }

或者

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

第三种方式：

<li class="internal" id="oky">Id</li>

js文件中定义方法

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

oky.addEventListener('click',rsy);

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

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