在Chrome中的页面之前加载Javascript

Question

我的谷歌浏览器浏览器出现了一个奇怪的问题。 每当我尝试运行一个简单的小javascript代码并执行警告框时，我的HTML页面都是白色的，并且首先是警告框弹出窗口。

到目前为止，我试过了：

• 将脚本标记<script></script>放在body标记的末尾 </body>
• 使用defer
• 使用async
• 清除浏览器的缓存并重新启动它。

请记住，在Mozilla，边缘和其他浏览器中，我没有任何问题和简单的解决方案，因为在结束身体标记附近放置脚本标记就可以了。所以它在其他浏览器中工作，而不是在chrome中。

我正在使用：

• Windows 10
• Chrome版本67.0.3396.87（官方版本）（64位）

（我确实在这里发现了类似的问题，但是在我尝试所有他们推荐的时候没有找到修复它的答案）

Answer 1

尝试检查JavaScript中的window.onload()功能

在窗口完全加载后加载JavaScript内容。

您可以在window.onload()

中放置或初始化所有JavaScript

例如;

window.onload() {
    // Put your JavaScript code here.
}

Answer 2

有。只需使用window.onload = function() {}

即可

window.onload = function() {
  document.getElementById("elementToChange").innerHTML = "changed!";
}

<div id="elementToChange">hiiiiii</div>