前面我们已经介绍了事件的概念，而响应某个事件的函数就叫做事件处理程序。事件处理程序的名字以 "on" 开头，因此 click 事件的处理程序就是 onclick ，load 事件的处理程序就是 onload。

HTML 事件处理程序

某个元素支持的每种事件，都可以使用一个相应事件处理程序同名的 HTML 特性来指定。这个特性的值应该是能够执行的 JavaScript 代码。例如，要在按钮被单击时执行一些操作，可以像下面代码一样：

<input type="button" value="点击我" onclick="alert('我被点击了。。')" /> 

注意，上面这种写法不能在其中使用未经转义的 HTML 语法字符，如果要使用 HTML 语法字符，就需要使用转义字符了。

在 HTML 中定义的事件处理程序可以包含要执行的具体动作，也可以调用在页面其他地方定义的脚本，例：

上面代码指定事件处理程序具有一些独到之处。首先，会创建一个封装着元素属性值的函数。这个函数中有一个局部变量 event，通过这个 event 变量，可以直接访问事件对象，你不用自己定义它，也不用从函数的参数列表中读取。在这个函数内部，this 值等于事件的目标元素。

不过，在 HTML 中指定事件处理程序有两个缺点。首先，存在一个时差问题，用户可能在 HTML 元素一出现在页面上就触发了相应的事件，但当时的事件处理程序有可能尚不具备执行条件。前面的例子中，假如 showMessage() 函数是在按钮下方、页面的最底部定义的。如果用户在页面解析 showMessage() 函数之前就单击了按钮，就会出现错误。因此，很多 HTML 事件处理程序都会被封装在一个 try-catch 块中。其次，这样扩展事件处理程序的作用域链在不同浏览器中会导致不同结果。不同 JavaScript 引擎遵循的标识符解析规则存在差异，很可能会在访问非限定对象成员时出错。