web前端：JS---DOM---总结绑定事件的区别

作者:jane_panyiyun更新于： 2020-03-21 21:05:10

　　DOM的优势主要表现在:易用性强，使用DOM时，将把所有的XML文档信息都存于内存中，并且遍历简单，支持XPath，增强了易用性。

　　总结绑定事件的区别:

　　addEventListener();

　　attachEvent()

　　相同点:都可以为元素绑定事件

　　不同点:

　　1.方法名不一样

　　2.参数个数不一样addEventListener三个参数,attachEvent两个参数

　　3.addEventListener谷歌,火狐,IE11支持,IE8不支持

　　attachEvent谷歌火狐不支持,IE11不支持,IE8支持

　　4.this不同,addEventListener中的this是当前绑定事件的对象

　　attachEvent中的this是window

　　//为按钮绑定多个点击事件

　　my$("btn").addEventListener("click",function(){

　　console.log(this);

　　},false);

　　my$("btn").attachEvent("onclick",function(){

　　console.log(this);

　　});

　　5.addEventListener中事件的类型(事件的名字)没有on

　　attachEvent中的事件的类型(事件的名字)有on

　　DOM的缺点主要表现在:效率低，解析速度慢，内存占用量过高，对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间，因为使用DOM进行解析时，将为文档的每个element、attribute、processing-instruction和comment都创建一个对象，这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。