javascript - 我应该使用内联还是有线事件处理程序

Question

哪一个是首选/正确的，或者什么时候应该使用其中一种而不是另一种，以及使用以下选项的优点/缺点:

<a href="#" id="hypMyLink" onClick="myFunc();">a link</a>

<script>
    function myFunc(){
        //do something
    }
</script>

或者...

<a href="#" id="hypMyLink">a link</a>

<script>
    $(function() {
        $('#hypMyLink').click(function(e) {
            //do something
        });            
    });
</script>
    

Answer 1

在标记的完美世界中 - 所有事物都是语义的，您可以将标记、样式和 javascript 分开在各自的文件中。

它只是让事情变得更容易调试，并且在一个事物变化如此频繁的行业中，如果您确切地知道您正在寻找什么，无论是事件、样式还是标记，它都会变得非常简单。

举个例子:转移到 css 文件来完成所有样式设置，我发现通过隔离稍后需要选择的元素可以增加预先考虑。