【问题标题】:Calling JS function is better or using click event [duplicate]调用JS函数更好或使用点击事件[重复]
【发布时间】:2016-04-24 14:43:52
【问题描述】:

如果我有下面的按钮:

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

那么,调用JS函数还是在单独的JS文件中使用click事件更好

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

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

【问题讨论】:

  • 第一个不需要任何外部库,它是用纯 JavaScript 编写的。它也是内联javascript。但是您给出的第二个需要一个外部库 jquery(可以通过任何方式在带有事件处理程序的纯 javascript 中完成)。 stackoverflow.com/questions/6348494/addeventlistener-vs-onclick
  • @tintu-c-raju 我认为这个问题原则上是在问,是否使用 jQuery。
  • @DvS ya.... 你的回答很好:-)

标签: javascript php jquery


【解决方案1】:

人们普遍认为,在第二个选项中注册元素的事件会更好。有人称其为“不显眼的 javascript”。

它在功能上是等效的,但它有助于分离 HTML 和 javascript 代码,使其更简洁,更易于维护和部署。您还可以将事件处理合并到更大功能的范围内。

【讨论】:

    【解决方案2】:

    第二个

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

    更好,因为

    • 它很突兀,因此更便于访问,请阅读更多关于它的信息here

    • 它将结构与逻辑分开,从而使代码更具可读性和可维护性。

    【讨论】:

      【解决方案3】:

      我会选择第二个选项而不是第一个选项,原因如下:

      1. 让您的 JS 与 HTML 分开
      2. 得益于 jQuery,开发更容易。开发时间缩短。
      3. 更容易添加效果和其他动画
      4. 更好的浏览器兼容性
      5. 代码更少,复杂度更高

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多