javascript 高级---事件对象

javascript 是一门基于对象和事件驱动并具有安全性脚本语言。所以,Javascript的核心是基于对象和事件驱动。今天,我们就谈谈事件驱动机制。

我们也称事件驱动机制为事件流。在javascript中,我们的事件处理程序都会产生一个事件对象(enevt),它有很多属性和方法可以帮助我们解决事件处理程序的需要和问题。在事件处理程序也就是在事件绑定的函数中,传入一个参数,就可以来表示事件对象(event)当然,需要最要以event对象的某个字符来表示。这个先不讨论。

事件处理程序有三种写入方式:

1,HTML事件处理程序。

首先,html中的元素得支持每种事件。也就说,想在某个元素上绑定事件处理程序,必须得支持所绑定的事件处理程序。比如 click事件,load事件,mouseover 都是支持。我们来举个列子看看语法格式怎么写:

<input type ="button" value="点我" onclick = "showMes()">

function showMes () {

    alert("Hello Word");

}

在标签内部,直接绑定事件处理程序是有很大缺点的.第一是:时差性。在复杂的页面中,我们是先加载页面中的元素,再触发事件处理程序。如果在html和javascript中间有很复杂的页面的设计结构,就存在很大的时差问题。第二是:是HTML和javascript的代码紧密媾合,如果改动html页面的元素,就要改动js代码,就给开发人员带来很大的麻烦。所以,我们在实际开发中,是抛弃这种做法的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,273评论 3 11
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,845评论 18 139
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,606评论 24 450
  • 人活着有时候是很累的,身不由己的感觉只有亲身经历了才会知道。生活本身就有很多无奈,但生活本身也有很多想不到的东西,...
    sandy201704阅读 119评论 0 0
  • 青山迎远客 绿水入清池 久病逢佳境 穷途觅故知
    阆苑寒梅阅读 191评论 12 8