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(){}