《Ajax设置事件处理程序.doc》由会员分享，可在线阅读，更多相关《Ajax设置事件处理程序.doc（2页珍藏版）》请在三一办公上搜索。
1、事件处理程序现在这个示例应用程序有一个大问题：虽然按钮的标签 改变了，但是单击按钮时的动作没有 变。幸运的是，当用户单击按钮时可以使用 DOM 改变事件或者发生的动作。因此，如果按钮上显示 Get back in that hat!，点击的时候需要运行 hideRabbit()。相反，一旦兔子藏了起来，按钮又返回来运行 showRabbit()。避免使用 addEventHandler()除了 onclick 属性外，还有一个方法可用于添加 onClick 或 onBlur 这样的事件处理程序，毫不奇怪这个方法就叫 addEventHandler()。不幸的是，Microsoft Intern
2、et Explorer 不支持这个方法，如果在 JavaScript 中使用它，就会有数百万 Internet Explorer 用户除了错误外从网页中什么也看不到（可能还有抱怨）。不使用这个方法，应用本文中介绍的办法也能达到同样的效果，而且在 Internet Explorer 上也有效。查看 HTML 就会发现这里处理的事件是 onClick。在 JavaScript 中，可以通过按钮的 onclick 的属性来引用该事件。（要注意，在 HTML 中该属性通常称为 onClick，其中 C 大写；而在 JavaScript 中则称为 onclick，全部小写。）因此可以改变按钮触发的事件：
3、只要赋给 onclick 属性一个新的函数。但是有点细微的地方：onclick 属性需要提供函数引用不是函数的字符串名称，而是函数本身的引用。在 JavaScript 中，可以按名称引用函数，不需要带括号。因此可以这样修改点击按钮时执行的函数：button.onclick = myFunction;因此在 HTML 中作这种修改很简单。看看清单 10，它切换按钮触发的函数。清单 10. 改变按钮的 onClick 函数 Magic Hat function showRabbit() var hatImage = document.getElementById(topHat); hatImage
4、.setAttribute(src, rabbit-hat.gif); var button = document.getElementById(hocusPocus); button.setAttribute(value, Get back in that hat!); button.onclick = hideRabbit; function hideRabbit() var hatImage = document.getElementById(topHat); hatImage.setAttribute(src, topHat.gif); var button = document.getElementById(hocusPocus); button.setAttribute(value, Hocus Pocus!); button.onclick = showRabbit; Welcome to the DOM Magic Shop! 这样就得到了一个完成的、可以使用的 DOM 应用程序。自己试试吧！
