事件绑定方式：HTML事件与DOM0级事件

1.HTML事件：指直接在html标签对象绑定相应的属性。

例：

<input id="btn"  type="button" class="btn" onmouseover ="clickbtn(blue)" />

//编写带“bgColor”参数的函数，使得用户点击button时，随着参数的不同而变成相应的颜色

<script>

function clickbtn(bgColor){

    btn.style.backgroundColor = bgColor;

  }

</script>

//当用户点击button时，button背景色变为蓝色（不可逆）

2.DOM0级事件，将html与js两种代码分离，方便管理。

<div id ="d1">onmygod!</div >

var d1 = document.getElementById("d1");

d1.onclick = function (){

        this.style.fontSize = 2em;

    }

//用户点击上面的d1时，文本字体大小变为原来的两倍（32px）

说明：DOM0级事件中，事件属性的key后面可以是一个匿名函数，也可以是封装好的函数（使用封装函数后面绝对不能加括号）

讲完。