javascript - 将 JavaScript 调用放在 $(document).ready(function(){ 中与将它们放在 HTML 中有区别吗?

标签 javascript jquery html dom

在 $(document).ready(function(){ 中放置 javascript 调用(例如 blur、onclick 等)与将它们放置在 HTML 中相比,在性能或效率方面是否存在差异?

谢谢!

最佳答案

我认为“在 DOM 中”是指:

<a href='#' onclick='someCodeHere()'>Click Me</a>

对吧?如果是这样,那么与其说是性能,不如说是可维护性和功能。使用 jQuery(因为您在 jQuery 术语中提到了“就绪”处理程序)绑定(bind)您的事件让框架负责管理多个处理程序,并处理浏览器差异。

事实上,有时根本不直接绑定(bind)到元素会更好。相反,您可以使用 jQuery“实时”或“委托(delegate)”机制来帮助减少实际的处理程序绑定(bind)并提供更动态的 DOM。

关于javascript - 将 JavaScript 调用放在 $(document).ready(function(){ 中与将它们放在 HTML 中有区别吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3065299/

相关文章:

javascript - 如何使用 jquery 根据多个复选框更改 <div> 文本?

html - 如何在我的 HTML 文件中导入 HTML 文件?

javascript - tinyMCE 模糊事件

Javascript 库自动滚动固定在页面左侧的 div

javascript - 使用 Firebug 或替代工具查找定义的 JavaScript 的位置

javascript - bootstrap carousel 在 first 和 last 上隐藏控件

javascript - 在 Jquery Ajax 中访问多维 PHP 数组

javascript - Bootstrap 折叠菜单

html - 如何将元素的高度扩展到 100vh 以上以包括整个可滚动区域?

javascript - 使用 lodash 过滤器时如何包含 null/未定义值