加载jQuery脚本的顺序重要吗?

clj7thdc  于 2022-12-18  发布在  jQuery
关注(0)|答案(2)|浏览(143)

我是客户端开发的新手,如果我有这样的jQuery库加载顺序:

<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/jquery-ui.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>

jQuery库的加载顺序如下:

<script type="text/javascript" src="/jquery-ui.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<script type="text/javascript" src="/jquery.js"></script>

换句话说,加载jQuery脚本的顺序是否重要?

z31licg0

z31licg01#

是的,脚本的顺序很重要。

您应该使用以下顺序

<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>

由于jquery-ui依赖于jquery,因此应始终首先加载jQuery
此外,由于jquery-ui.minjquery-ui的缩小版,应该加载其中任何一个,我更喜欢缩小版。

jq6vz3qz

jq6vz3qz2#

在您的示例中,脚本将按顺序加载和执行,这是必要的。jQuery UI要求jQuery在网页上可用。
这也意味着网页的其余部分将等待这些脚本被请求和执行,然后才能继续加载下一个内容。
页面的head部分中的脚本标记默认情况下会同步加载,就像我上面描述的那样,但是,您可以向它们添加async属性,使它们异步加载;也就是说,它们加载和执行的顺序是无法预测的。jQuery通常不应该异步加载,因为在使用它时,通常会有依赖于它的代码。

<script src="..." async></script>

上面的代码将异步加载脚本,这意味着它将被随机加载(你永远无法预测),并且在加载过程中不会锁定页面。这在其他情况下非常有用!

相关问题