web前端:JS---DOM---总结绑定事件的区别
马六甲海峡
2024-04-23 23:00
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机制中所运用的大量对象的创建和销毁无疑会影响其效率。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341