调用JS函数更好或使用click事件

Question

如果我有以下按钮：

<button type="button" id="send_email" class="btn btn-primary" 
onclick="sendEmail();">Send</button>

因此，最好调用JS函数或在单​​独的JS文件中使用click事件

function sendEmail(){
  ..... some code  .....
}

OR

 $("#send_email").click(function(){});

Answer 1

第二个

$("#send_email").click(function(){});

更好，因为

• 它是突兀的，因此更易于访问，请详细了解here

• 它使代码更具可读性和可维护性，因为它将结构与逻辑分开。

Answer 2

我会选择第一个选项而不是第一个选项，原因如下：

1. 将您的JS与HTML分开
2. 由于jQuery，易于开发。开发时间缩短了。
3. 更容易添加效果和其他动画
4. 更好的浏览器兼容性
5. 使用更少代码的额外复杂性

但是，如果您的应用程序不需要大量脚本，我会选择纯JavaScript。原因是加载jQuery源文件会花费额外的时间。

Answer 3

广泛认为在第二个选项中注册元素的事件会更好。有些人称之为“不引人注目的javascript”。

它在功能上是等效的，但它有助于分离HTML和JavaScript代码，使其更清晰，更易于维护和部署。您还可以在更大函数（ality）的范围内合并事件的处理。