JS有时候在Chrome和其他浏览器中无法加载。

10 浏览
0 Comments

JS有时候在Chrome和其他浏览器中无法加载。

每隔大约10次刷新我的浏览器就出现这个错误(然后它又恢复正常工作)。

基本上是JS没有加载,因此网站的某些功能会显示得很丑(我在滚动时有动态导航栏..)。

有没有办法阻止这种情况发生?

0
0 Comments

问题原因:

问题出现的原因是在脚本加载时使用了defer属性,并将其设置为true。这个属性只适用于外部脚本,并告诉浏览器在脚本被下载后立即执行脚本。

解决方法:

为了确保脚本按照正确的顺序执行,可以将defer属性移除,或者将其设置为false

下面是修改后的代码:

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="assets/js/main.js"></script>

0