如果我有以下按钮:
<button type="button" id="send_email" class="btn btn-primary"
onclick="sendEmail();">Send</button>
那么,哪个最好调用JS函数或在单独的JS文件中使用单击事件
function sendEmail(){
..... some code .....
}
或
$("#send_email").click(function(){});
第二个
$("#send_email").click(function(){});
更好,因为
它很突兀,因此更易于访问,请在此处阅读更多相关信息
它使代码更具可读性和可维护性,因为它将结构与逻辑分开。
出于以下原因,我会选择第二个选项而不是第一个选项:
- 使您的 JS 与 HTML 分开
- 由于jQuery,更容易开发。缩短了开发时间。
- 更容易添加效果和其他动画
- 更好的浏览器兼容性
- 代码更少,复杂性更高
但是,如果你的应用程序不需要大量的脚本,我会选择纯JavaScript。原因是加载jQuery源文件将花费额外的时间。
人们普遍认为,最好像在第二个选项中那样注册元素的事件。有人称之为"不显眼的javascript"。
它在功能上是等效的,但它有助于分离HTML和javascript代码,使其更干净,更易于维护和部署。您还可以将事件的处理合并到更大函数(ality)的范围内。