为什么Stackoverflow使用javascript动态绑定用户操作？

Question

检查我看到的问题的HTML源代码:

<a id="comments-link-xxxxx" class="comments-link">add comment</a><noscript>&nbsp;JavaScript is needed to access comments.</noscript>

然后在javascript源代码中:

// Setup our click events..
$().ready(function() {    
        $("a[id^='comments-link-']").click(function() { comments.show($(this).attr("id").substr("comments-link-".length)); });    
});

似乎所有用户点击事件都以这种方式绑定.

对于浏览网站没有javascript的人来说,这种方法的缺点是显而易见的,但是,javascript动态添加事件而不是直接声明它们有什么好处？

Answer 1

• 您不必在HTML中反复键入相同的字符串(如果没有其他任何内容会增加调试的拼写错误的数量)
• 您可以将HTML/CSS移交给不需要任何javascript技能的设计人员
• 您可以通过编程控制调用哪些回调以及何时调用
• 它更优雅,因为它符合布局和行为之间的概念分离
• 修改和重构更容易

最后一点,想象一下,如果您想在模板中的其他位置添加"显示评论"图标.将相同的回调绑定到图标非常容易.