把javascript从html完全抽出到底好不好？

Question

在项目实施中经常会遇到这种现象：

<ul><li><a id="btnClick" class="btn">确定</a></li></ul>

仅通过html根本没法看出事件是在哪绑定的。

在项目维护阶段，修改bug会先从html找起，来确定响应事件的dom元素，然后找到其触发的事件。但是上面的示例代码无法体现出事件是如何绑定的。有可能是通过id，也有可能是标签，还可能是jquery多层选择实现的。仅仅通过dom的id、class来搜索可能会搜索的多项结果。

如果在标签内部嵌入onclick="onBtnClick();"事件，就会很容易看出事件的绑定。但这不符合html与javascript分离的原则。

请各位大牛给予指点。

Answer 1

各有优缺点，就看楼主具体应用环境和取舍了。 个人拙见：易变化的部分用分开的方法比较灵活，不易变化的用标签内部嵌入方法易调试和查找bug.

Answer 2

感谢 Albert Fei 的建议，这是个好方法，因地制宜。有些表格内的确不适合每个td都绑定事件。

Answer 3

一般来说，是抽出来更好，至于事件的跟踪问题，这个只要按照一定的约定去写，还是比较好跟踪了。 这样也符合非侵入式脚本的思想~

Answer 4

通常来说是分离的。能不绑定就不绑定在页面上。 不知道你是不是用vs来开发，如果是的话vs有个插件可以就看js而已。 一个页面不会有太多的js代码吧。代码多的话都会写外部了