将事件绑定在html标签中和js动态绑定的区别
2014-10-29 17:19
337 查看
一:绑定在标签中:
能够一眼看出那些元素绑定了什么事件。
只能将元素和事件逐一实现绑定。
二js动态绑定:
可以一次动态的给多个元素绑定事件,批量绑定事件。
html标签绑定的缺点:
①:可能有时间差。如果js代码在html标签之后,用户激活事件时,事件如果还没有被解析,则会引起报错。(一般用try,catch解决,这样错误便不会付出水面。)。
②:不同浏览器在解析事件的作用域链接时可能产生不同的结果。
③:html和js文件的耦合度过高,不利于维护,修改脚本的时候还得修改html文件。
标签绑定不符合行为和事件分离原则,js文件和html文件应该尽量松散耦合。
能够一眼看出那些元素绑定了什么事件。
只能将元素和事件逐一实现绑定。
二js动态绑定:
可以一次动态的给多个元素绑定事件,批量绑定事件。
html标签绑定的缺点:
①:可能有时间差。如果js代码在html标签之后,用户激活事件时,事件如果还没有被解析,则会引起报错。(一般用try,catch解决,这样错误便不会付出水面。)。
②:不同浏览器在解析事件的作用域链接时可能产生不同的结果。
③:html和js文件的耦合度过高,不利于维护,修改脚本的时候还得修改html文件。
标签绑定不符合行为和事件分离原则,js文件和html文件应该尽量松散耦合。
相关文章推荐
- HTML中关于动态创建的标签无法绑定js事件的解决方法
- JS动态生成HTML时,on不能绑定事件
- 关于 js 动态生成html 绑定事件失效的问题
- 类似评论、点评的JS标签选择功能(及jq动态绑定事件)
- HTML中定义的事件和JS中事件绑定的区别
- 动态生成html ,绑定js事件
- 在javascript或者jQuery中绑定按钮点击事件,和在HTML 标签中直接调用onclick属性有什么区别?
- JS脚本动态给标签控件添加事件
- html样式标签是不能绑定事件
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)以及js的select
- jQuery插件 -- 动态事件绑定插件jquery.livequery.js
- 在html链接里执行js和使用标签事件执行的不同
- 用js动态插入HTML标签时的一点注意的地方
- 如何利用JS动态创建标签并附于事件
- Chrome扩展页面需要动态绑定JS事件
- jquery html动态添加的元素绑定事件
- js动态创建的元素绑定事件
- Js 循环绑定 html 标签
- 使用jquery动态生成的标签,需要在代码当中绑定才可以实现事件的监听
- spring mvc数据绑定时通过去除html标签防止js注入