为什么当我把主脚本放在所有其他的下面时，主脚本就不能工作？

Question

版本，工作

<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="https://kit.fontawesome.com/b0ca3cb0f7.js" crossorigin="anonymous"></script>
<script src="assets/js/main.js"></script>

不工作的版本

<script src="assets/js/main.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="https://kit.fontawesome.com/b0ca3cb0f7.js" crossorigin="anonymous"></script>

主javascript src是否需要放在底部？当我把它放在所有脚本之上的时候，它就不起作用了。

Answer 1

如果您可能要在Main.js中调用依赖于正在加载的其他脚本的自定义函数，则它将无法工作。

对于例如-有一个脚本刷JS，您可能会在您的main.js中调用您的自定义函数，即初始化SWIPER滑块，因此在依赖的脚本(即swper-bundle.min.js)未加载之前，main.js中的自定义函数将无法工作。

您可以检查您的控制台，以了解您所得到的确切错误。在浏览器中按F12。