1、html事件处理

<input type="button" value="click" onlick="alert('点我')"> #单引号

<input type="button" value="click onclick="alert(&quot;点我&quot;)"> #双引号需要转译成&quot;

事件处理程序

<script type="text/javascript">

function myMethod() {

     alert("点击")；

}

</script>

<input type="button" value='你猜' onclick="myMethod();">

2、Dom事件处理

<script type="text/javascript">

var bn = document.getElementById('id')

bn.onclick = function() {

      alert("test"); #处理数据

}

</script>

3、监听事件 addEventListener() 包含三个参数要处理的事件名、作为事件处理程序的函数和一个布尔值，true 捕获事件处理， false冒泡事件处理，默认为false

<script type="text/javascript">

var bn = document.getElementById("id");

bn.addEventListener("click", function(){

  alert("hello, girl");

}, false)

</script>

IE中使用attachEvent()来监听事件