javascript - jQuery 中的 $().ready() 是否在所有脚本文件加载后触发？

Question

我在不同的js文件中声明全局变量，然后在不同的文件中使用它们。我需要确保在开始执行之前所有js都已加载。我还尝试使用 require.js 转向模块化 js。但现在我需要一个快速的解决方案。在 $().ready() 下运行我的 js 代码是否安全？我猜脚本标签会同步加载，因此在加载所有脚本之前 DOM 不会准备好。

或者$(window).load()保证所有脚本文件都已加载。

谢谢!

Answer 1

如果您内联加载脚本，则在加载这些脚本之前 DOM 不会准备好，因此在加载这些资源之前 $().ready() 函数不会触发。如果您在脚本元素中使用 async 标记，则根据脚本文件的大小，在加载脚本资源之前，DOM 可能会被归类为就绪。

但是 $().ready() 现在被 jQuery 定义为不推荐，因此请使用 $(function(){}) 代替。