Javascript只能在重新加载页面时工作

在上，您可以看到标题的工作方式与此处不同：

我猜是因为某种原因JS不起作用。但奇怪的是，重新加载页面（strg+F5）可以正常工作。这里怎么了

我先加载Jquery，然后在页脚中加载我自己的JS。

---

这很可能是一种竞赛条件。在DOM有机会加载之前，您可能正在运行javascript。它在第二次重新加载时工作的原因是浏览器正在使用脚本的缓存版本

有几种方法可以解决此问题：

确保脚本标记没有

async

属性。这告诉他们可以按照自己喜欢的顺序加载，这样您的脚本就可以在jQuery加载之前加载

确保脚本的顺序正确。最简单的方法是将脚本移动到主体的底部，以便浏览器最后加载它。确保您的脚本遵循任何依赖脚本，例如jQuery

    <script src="jquery.js"></script>
    <script src="myscript.js"></script>
</body>

上述代码的输出将为：

'this will run before the DOM is loaded'
'this will also run before the DOM is loaded'
'this will also run before the DOM is loaded'

---

这很可能是一种比赛状态。在DOM有机会加载之前，您可能正在运行javascript。它在第二次重新加载时工作的原因是浏览器正在使用脚本的缓存版本

有几种方法可以解决此问题：

确保脚本标记没有

async

属性。这告诉他们可以按照自己喜欢的顺序加载，这样您的脚本就可以在jQuery加载之前加载

确保脚本的顺序正确。最简单的方法是将脚本移动到主体的底部，以便浏览器最后加载它。确保您的脚本遵循任何依赖脚本，例如jQuery

    <script src="jquery.js"></script>
    <script src="myscript.js"></script>
</body>

上述代码的输出将为：

'this will run before the DOM is loaded'
'this will also run before the DOM is loaded'
'this will also run before the DOM is loaded'

---

因为您已经向jquery脚本标记添加了

async

属性。 如果其他脚本依赖于jquery，则不能在此处使用async属性

在

在

---

因为您已经向jquery脚本标记添加了

async

属性。 如果其他脚本依赖于jquery，则不能在此处使用async属性

在

在

---

您在控制台中遇到了哪些错误？能否更新您的问题，使其在a中显示您的相关代码。您在控制台中遇到了哪些错误？能否更新您的问题，使其在a中显示您的相关代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script async="" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>