<input type="button" id="btn" value="click me" onclick="alert('Hello!');">

<input type="button" id="btn" value="click me" onclick="show()">
<script>function show(){alert("Hello world!");}
</script>

<input type="button" id="btn" value="click me">
<script>var btn=document.getElementById("btn");btn.onclick=function(){alert("....");}
</script>

var btn=document.getElementById("btn");
btn.addEventListener('click',function(){alert('Hello');},false);

btn.attachEvent('onclick',function(){.....});

/*
* @Author: 陈陈陈
* @Date:   2017-09-03 10:18:07
* @Last Modified by:   陈陈陈
* @Last Modified time: 2017-09-03 12:19:34
*/
var  eventUtil{/*添加事件处理程序    */addHandler:function(element,type,handler){//参数表元素、事件类型、函数if(element.addEventListener){//DOM 2级事件处理程序element.addEventListener(type,handler,false);//false表冒泡事件调用；true表捕获事件调用}else if(element.attachEvent){//IE事件处理程序element.attachEvent('on'+type,handler);//没有第三个参数的原因是：IE8及更早的浏览器版本只支持事件冒泡}else{//DOM 0级事件处理程序element['on'+type]=handler;}},/*删除事件处理程序    */removeHandler:function(element,type,handler){//删除事件处理程序，参数表元素、事件类型、函数if(element.removeEventListener){//DOM 2级事件处理程序element.removeEventListener(type,handler,false);//false表冒泡事件调用；true表捕获事件调用}else if(element.detachEvent){//IE事件处理程序element.detachEvent('on'+type,handler);//没有第三个参数的原因是：IE8及更早的浏览器版本只支持事件冒泡}else{//DOM 0级事件处理程序element['on'+type]=null;}},/*以下一些方法是关于事件对象的获取改善浏览器的兼容性，将DOM事件对象和IE事件对象合并在一起1、DOM的事件对象：(1)type:事件类型(2)target:事件目标(3)stopPropagation()方法:阻止事件冒泡(4)preventDefault()方法:阻止事件的默认行为2、IE中的事件对象：(1)type:事件类型(2)srcElement:事件目标(3)cancelBubble属性:阻止事件冒泡 true表示阻止冒泡，false表示不阻止(4)returnValue属性:阻止事件的默认行为*/getEvent:function(event){return event?event:window.event;},getTarget:function(event){return target || srcElement;},stopPro:function(event){if(event.stopPropagation){event.stopPropagation();}else{event.cancelBubble=true;}},preventDef:function(event){if(event.preventDefault){event.preventDefault();}else{event.returnValue=false;}},
}