在前端开发中，我们通常会使用 jQuery 来简化 DOM 操作和异步请求。然而，当在页面中引入多个 JavaScript 文件时，有时候我们需要确保脚本不会在 jQuery 加载完成之前运行，否则可能会导致错误或异常。
为了解决这个问题，我们可以尝试使用以下两种方法来确保脚本的执行一直等到 jQuery 加载完毕。
方法一：使用 defer 属性
通过在引入 jQuery 的 script 标签上添加 defer 属性，可以让浏览器在渲染页面后再执行该脚本，并且该脚本的执行不会阻塞页面的加载。如果在脚本中依赖于 jQuery，可以将脚本放在一个匿名函数中，并将该匿名函数作为参数传递给 $ 函数，从而确保脚本在 jQuery 加载完成后才会被执行。
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------
-------
------
---- -- ---------- ----- -- ---
------- ------------------------------------------------------------ ---------------
---- --------- - --- ------ ---- ---
--------
------------ -
-- ------- ------ ---
-----------------------
-----------
---------
-------
-------方法二：使用 window.onload 事件
另一种等待 jQuery 加载完成的方法是在 window.onload 事件中编写脚本，并在该事件触发时执行。这确保了页面和所有资源都已经加载完毕，包括 jQuery，因此可以放心地使用 $ 函数。
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------
-------
------
---- -- ------ ---
------- ----------------------------------------------------------------------
---- ----- ------ ------- ---
--------
------------- - ---------- -
-- ------- ------ ---
-----------------------
--
---------
-------
-------总之，无论是使用 defer 属性还是 window.onload 事件，我们都可以确保脚本在 jQuery 加载完成后才会被执行，从而避免了可能出现的错误或异常。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12319
