简单描述下浏览器的事件模型

简单概括下浏览器事件模型，如何获得资源dom节点

在各种浏览器中存在三种事件模型:原始事件模型,DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持. 浏览器事件模型分为三个阶段 1.捕获阶段 2.目标阶段 3.冒泡阶段 DOM节点获取方法: 1.通过id获取 document.getElementById() 2.通过name属性获取 document.getElementsByName() 3.通过标签名获取 document.getElements

jQuery (01) 浏览器的事件模型

浏览器的事件模型由网景公司引入的 DOM0 级事件模型把事件处理程序绑定到 DOM 元素的属性上: ele.onclick(); ele.onDOMContentLoad(); ele.onload(); ele.onmousemove(); 解绑: ele.onclick = null; 取消事件冒泡 return false; 缺点:如果同一元素绑定多个同类型的事件处理程序,只有最后一个生效. W3C 定义的 DOM2 级事件模型 w3c 定义了两个方法来操作事件绑定事件 addEve

简单了解下OSI七层模型的作用以及常见网络协议含义和所用端口

OSI七层模型及每层的作用包括:物理层.数据链路层.网络层.传输层.会话层.表示层.应用层物理层用来建立.维护.断开物理连接数据链路层建立逻辑链接.进行硬件地址寻址.差错校验等功能网络层进行逻辑地址寻址,实现不同网络之间的路径选择传输层定义传输数据的协议端口号,以及流程和差错校验协议有:TCP UDP,数据包一旦离开网卡即进入网络传输层会话层建立.管理.终止回话表示层数据的表示.安全.压缩应用层网路服务于最终用户的一个借口协议有:HTTP FTP TFTP SMTP SNMP DNS TELN

使用过Memcache缓存吗？如果使用过，能够简单描述下其工作原理吗？

Memcache是把所有数据保存在内存中,采用hash表的方式,每条数据由key和value组成,每个key独一无二的.Memcache采用LRU算法逐渐把过期数据清除掉.

【repost】JavaScript 事件模型事件处理机制

什么是事件? 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水.当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了.事件可能是用户在某些内容上的点击.鼠标经过某个特定元素或按下键盘上的某些按键.事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小. 通过使用 JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应. 今天的事件在漫长的演变史,我们已经告

JavaScript——事件模型

DOM事件流: DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程可称为DOM事件流. 事件顺序有两种类型:事件捕捉和事件冒泡. 冒泡型事件(Event Bubbling) 这是IE浏览器对事件模型的实现,也是最容易理解的,至少笔者觉得比较符合实际的.冒泡,顾名思义,事件像个水中的气泡一样一直往上冒,直到顶端.从DOM树型结构上理解,就是事件由叶子节点沿祖先结点一直向上传递直到根

JavaScript 事件模型事件处理机制

什么是事件? 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水.当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了.事件可能是用户在某些内容上的点击.鼠标经过某个特定元素或按下键盘上的某些按键.事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小. 通过使用 JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应. 今天的事件在漫长的演变史,我们已经告

通过ReentrantLock简单了解下并发包中的锁

ReentrantLock在进行实例化时,可以通过构造函数的参数选择是否使用公平锁FairSync或者非公平锁NonfairSync,两者的区别比较简单,如果是公平锁则新来的线程会先检测同步队列中是否有等待的线程,如果有,则追加到同步队列尾,锁竞争过程强调的是有序进行,当然代价比较明显,线程切换会造成额外消耗:而对于非公平锁,新来的线程会直接参与竞争,比如一个线程刚刚释放锁但CPU时间片还没结束,如果再次争夺锁,那明显会更容易成功,也就是以无序争夺锁来降低线程切换从而提高吞吐量. 这里以Nonf

IE事件模型，如何给IE和非IE浏览器添加事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE事件模型</title> </head> <body> <input type="button" value="Event对象"/> <p>事件传播过程:</p> <script>

Javascript事件模型系列（四）我所理解的javascript自定义事件

被我拖延了将近一个月的javascript事件模型系列终于迎来了第四篇,也是我计划中的最后一篇,说来太惭愧了,本来计划一到两个星期写完的,谁知中间遇到了很多事情,公司的个人的,搞的自己心烦意乱浮躁了一段时间,好在最近这些事情都一件件趋于平息,我也有了精力继续写文章. 这个自定义事件其实是挺让我纠结的,首先自己平时从未使用过,只是有一次遇到一个问题有人指点说可以用自定义事件,才对这个东西有了印象.在网上搜“javascript自定义事件”,发现也有不少文章在写,不过说实话让我佩服的却一篇也没找到,

Javascript事件模型系列（一）事件及事件的三种模型

一.开篇在学习javascript之初,就在网上看过不少介绍javascript事件的文章,毕竟是js基础中的基础,文章零零散散有不少,但遗憾的是没有看到比较全面的系列文章.犹记得去年这个时候,参加百度的实习生面试,被问到事件模型,当时被问的一头雾水,平时敲onclick敲的挺爽,却没有关注到事件模型的整体概念.这个周末难得清闲,决定就javascript中的事件模型写个系列,算是对知识点的一个总结,也是对自己的一个交代. 初步计划分为以下几个部分: ① javascript事件的基本概念

javascript中DOM0,DOM2,DOM3级事件模型解析

DOM 即文档对象模型. 文档对象模型是一种与编程语言及平台无关的API(Application programming Interface),借助于它,程序能够动态地访问和修改文档内容.结构或显示样式. DOM3级,顾名思义,有三种DOM. W3C协会早在1988年就开始了DOM标准的制定,W3C DOM标准可以分为DOM1,DOM2,DOM3三个版本. DOM1级主要定义的是HTML和XML文档的底层结构. DOM1 主要定义的是HTML和XML文档的底层结构.其实世上本来没有DOM0级,

跨浏览器的事件对象-------EventUtil 中的方法及用法

什么是EventUti----封装好的事件对象在JavaScript中,DOM0级.DOM2级与旧版本IE(8-)为对象添加事件的方法不同为了以跨浏览器的方式处理事件,需要编写一段“通用代码”,即跨浏览器的事件处理程序习惯上,这个方法属于一个名为EventUtil的对象编写并使用该对象后,可保证处理事件的代码能在大多数浏览器下一致的运行 var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element

javascript 事件传播与事件冒泡，W3C事件模型

说实话笔者在才工作的时候就听说了什么"事件冒泡",弄了很久才弄个大概,当时理解意思是子级dom元素和父级dom元素都绑定了相同类型的事件,这时如果子级事件触发了父级也会触发,然后这就叫做"事件冒泡".然而,事情要是这么简单的话,相信笔者这时一定已经迎娶了白富美,当上了CEO.坏就坏在后来又听说一个"事件传播" ,尼玛不是"事件冒泡"吗,然后又听说了"W3C事件模型"...到了最后笔者彻底心碎了,只能乖乖的当

js浏览器键盘事件控制(转自新浪微博)

js键盘事件全面控制主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层

Javascript事件模型(一)：DOM0事件和DOM2事件

javascript事件模型,本文主要有以下内容: DOM0事件模型 DOM2事件模型一.DOM0事件模型早期的事件模型称为DOM0级别. DOM0的事件具有极好的跨浏览器优势, 会以最快的速度绑定, 如果你通过DOM2绑定要等到JS运行, DOM0不用, 因为DOM0是写在元素上面; 直接在dom对象上注册事件名称,就是DOM0写法,比如: document.getElementById("test").onclick = function(e){}; 另外一种写法是: doc

JS的事件模型

之前对事件模型还是比较清楚的,许多概念都清晰映射在脑海中.工作之后,一方面使用的局限性,二是习惯于用框架中的各种事件监听方式,简单即方便,久而久之,事件的一些概念开始淡出记忆中,就像我现在已经开始淡忘C语言的指针.麦克斯韦方程组.矩阵的变换.最小二乘法等.知识就像五彩缤纷的鹅卵石铺垫在你前行的道路上,从简单到深刻,从深刻到领悟,一直助你渐行渐远.回头看看事件模型呗. 一.事件简介说到事件,大家可以很快想到很多事件类型,比如:鼠标事件键盘事件框架事件 onerror onresize onsc

js 事件模型

说到事件,就要追溯到网景与微软的“浏览器大战”了.当时,事件模型还没有标准,两家公司的实现就是事实标准.网景在Navigator中实现了“事件捕获”的事件系统,而微软则在IE中实现了一个基本上相反的事件系统,叫做“事件冒泡”.这两种系统的区别在于当事件发生时,相关元素处理(响应)事件的优先权不同. 下面举例说明这两种事件机制的区别.假设文档中有如下结构: <div> <span> <a>...</a> </span> </div> 因

ExtJS框架基础：事件模型及其常用功能

前言工作中用ExtJS有一段时间了,Ext丰富的UI组件大大的提高了开发B/S应用的效率.虽然近期工作中天天都用到ExtJS,但很少对ExtJS框架原理性的东西进行过深入学习,这两天花了些时间学习了下.我并不推荐大家去研究ExtJS框架的源码,虽然可以学习其中的思想和原理,但太浪费精力了,除非你要自己写框架. 对于ExtJS这种框架,非遇到“杂症”的时候我觉得也没必要去研究其源码和底层的原理,对其一些机制大致有个概念,懂得怎么用就行,这也是本篇博文的主要目的. Ext自己的事件机制 Ext中的

JavaScript事件模型

1.什么是事件? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(JavaScript 代码)与页面的外观(HTML 和CSS 代码)之间的松散耦合.DOM2 级规范开始尝试以一种符合逻辑的方式来标准化DOM事件. 2.什么是事件流? 事件冒泡:IE 的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)

简单描述下浏览器的事件模型

热门专题