将事件绑定在html标签中和js动态绑定的区别

一:绑定在标签中:

能够一眼看出那些元素绑定了什么事件。

只能将元素和事件逐一实现绑定。

二js动态绑定:

可以一次动态的给多个元素绑定事件,批量绑定事件。

html标签绑定的缺点:

①:可能有时间差。如果js代码在html标签之后,用户激活事件时,事件如果还没有被解析,则会引起报错。(一般用try,catch解决,这样错误便不会付出水面。)。

②:不同浏览器在解析事件的作用域链接时可能产生不同的结果。

③:html和js文件的耦合度过高,不利于维护,修改脚本的时候还得修改html文件。

标签绑定不符合行为和事件分离原则,js文件和html文件应该尽量松散耦合。

原文地址:https://www.cnblogs.com/lihongfei0602/p/4060042.html