DOM0和DOM2

DOM0和DOM2

		1.语法上的区别
		  box.onclick=function(){}
		  box.addEventListener('click',function(){})
		2.底层运行机制上的区别
		  DOM0就是给元素的某个属性绑定方法(有效绑定的方法只有一个)
		  DOM2是基于事件池机制完成,每增加一个绑定的方法,都会往事件池中存放一个...当事件触发会依次执行事件池中的事情 =>发布订阅其实就是模拟的事件池机制 (可以给同一个元素的某个事件绑定多个不同的方法)
		3.DOM2中可以给一些特殊的事件类型绑定方法,这些事件类型DOM0不支持绑定,例如:DOMContentLoaded、transitionend...
		  $(document).ready() => $(function(){})
		   VS
		  window.onload

DOM2的事件池机制

		1.基于addEventListener/attachEvent(IE6~8)向事件池中追加方法:新版本浏览器会根据元素和事件类型对新增的方法做重复校验,但是IE6~8不可以
		2.当事件行为触发,会把事件池中的方法按照增加的顺序依次执行,但是IE6~8中执行的顺序是不固定的
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值