javascript - 将 document.ready 和 window.load 放在同一个 JavaScript 文件中是否合理？

Question

可以在同一个 JavaScript 文件中包含两个包装函数吗？例如，包含我网站所有脚本的 main.js 文件当前正在使用 $(window).load(function(){//...}); 方法，我想知道如果我还可以在同一脚本文件中使用 $(document).ready(function(){//...}); 方法？

$(document).ready(function() {
    //Code here...
});

$(window).load(function() {
    // Code here...
});

Answer 1

他们做不同的事情，所以是的。

• $(document).ready() 当 DOM 准备好修改时触发。
• $(window).load() 当所有外部资源(如图像、脚本和样式表)完成加载时触发。

即使它们相同(例如都是 $(document.ready())，jQuery 仍然会执行两个绑定(bind)的回调。