JS绑定事件的三种方式

一. xhtml 绑定方式

<input type="button" onclick="test();"/><input type="button" onclick="若干句JS代码 "/>

二. dom绑定方式 (推荐)

优点：内容和行为分离
//dom对象.事件 = 事件处理函数

var btn1 = document.getElementById("btn1");btn1.onclick = test;//test为事件处理函数function test(){    alert('点击事件');}

可以简写成：

var btn1 = document.getElementById("btn1");btn1.onclick = function(){          alert('点击事件');};

三. 匿名函数
没有名称的函数
function(){

}
定义函数还有第二种方式
function test(){}
var test = function(){}