我在页面的头部有以下内容来加载两个脚本:
<Head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="/static/js/myscript.min.js" type="text/javascript"></script>
</Head>
我希望脚本的加载顺序严格,因为myscript.min.js
使用jQuery。
不过,我得到的是,第一次加载页面时,执行myscript.min.js
时仍然没有加载jQuery,因为jQuery要大得多。所以我得到的是jQuery是未定义的。
如何强制jQuery先加载?
尝试将defer
属性添加到脚本中。具有defer属性的脚本将按照它们在文档中出现的顺序执行。
<Head>
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script defer src="/static/js/myscript.min.js" type="text/javascript"></script>
</Head>
MDN链路