Javascript 我的js在html完全加载之前运行_Javascript_Html

Javascript 我的js在html完全加载之前运行

javascript html

Javascript 我的js在html完全加载之前运行,javascript,html,Javascript,Html,我不知道为什么，但我的脚本在我的html完全加载之前运行这是我的html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> hey <script src="index.js" char

我不知道为什么，但我的脚本在我的html完全加载之前运行

这是我的html

    <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    hey
    <script src="index.js" charset="utf-8"></script>
  </body>
</html>

您只需将JS放在

的末尾（或在

之前），它将在页面加载后执行。这是因为底部的位是HTML中最后加载的位。
希望这有帮助。


<body onload="loadAlert()">

<script>
function loadAlert() {
    alert("Hi!");
}
</script>

函数loadAlert（）{
警惕（“嗨！”）；
}

您正在收听的

DOMContentLoaded

事件的更多内容：

当初始HTML文档已完全加载和解析，而无需等待样式表、图像和子框架完成加载时

[]

这可能发生在页面本身被绘制到屏幕之前

如果希望在页面完全加载时触发警报，则应收听

窗口的load
事件
window.addEventListener（“加载”，函数（）{
警报（“hi”）
});

如果有帮助，请告诉我。
这很正常，alertis总是发生这种情况。不管怎样，我可以在没有内部js的情况下完成。i、 e.我不想将脚本包含在正文中。（外部脚本）@RingGamesCompany那么我该如何实现呢？我想，正如RingGamesCompany所说，这可能是alert（）的正常情况。我不知道为什么，但我亲眼目睹了。也许可以试试jQuery的$（document）.ready（）。我对所有这些概念都不熟悉，我不知道如何使用jQuery。我可以在js中这样做吗？是的，你所要做的就是把代码放在正文的末尾，就在标记之前。关于这一点很酷的一点是，它不需要加载图像，只需要JS的东西。这和其他帖子一样，但我觉得速度更快。再次为错误的答案感到抱歉。希望有帮助！Onload可能不起作用，但请尝试onclick、onmouserover、ondbclick或onloaddata。哦，我忘了问，您当前使用的搜索引擎是什么？谢谢您的代码，但仍然没有帮助。我使用的是谷歌chrome 81.0.4044.138I版本，我正在编辑我的版本以获得正确答案，常量和功能错误，sorry@anonymous_coder我已经将其编辑成代码，使其工作并简化了。在您的示例中，页面上似乎没有太多内容。你能再描述一下你的经历吗？正在发生什么？您希望发生什么？谢谢您的代码。我解决了它，window.addEventListener（“DOMContentLoaded”，function（）{alert（“hi”）}）；
<body onload="loadAlert()">

<script>
function loadAlert() {
    alert("Hi!");
}
</script>