JS 有时无法在 Chrome 和其他浏览器中加载 [重复]

Posted 2023-03-22

【中文标题】JS 有时无法在 Chrome 和其他浏览器中加载 [重复]

【英文标题】：JS sometimes doesn't load in Chrome and other browsers [duplicate]

【发布时间】：2021-07-03 01:24:09

【问题描述】：

所以我的浏览器每刷新 10 次左右就会出现这个错误（然后它又开始工作了）。 基本上 JS 不会加载，因此网站的某些功能会看起来很丑（我在滚动上有动态导航栏..）。 有没有办法阻止这种情况发生？

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

【问题讨论】：

这是因为您正在异步调用脚本（等属性async）。

【参考方案1】：

<script> 的 async 属性是一个布尔值，您在此处设置为 true。它仅适用于外部脚本，它告诉浏览器在浏览器下载脚本后立即执行脚本。

您要求任何正在下载的脚本立即运行，这是导致 jQuery 库有时在其他脚本之前、有时在其他脚本之后执行的原因。

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