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

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

add comment

然后在javascript源代码中:

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

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

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

您不必在HTML中反复键入相同的字符串(如果没有其他任何内容会增加调试的拼写错误的数量)

您可以将HTML/CSS移交给不需要任何javascript技能的设计人员

您可以通过编程控制调用哪些回调以及何时调用

它更优雅,因为它符合布局和行为之间的概念分离

修改和重构更容易

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