Question

我有一个index.html文件，其中包含一个javascript文件。 Javascript文件有一个永远不会被执行的document.onload函数。有人能告诉我为什么在加载DOM时没有执行这个。

console.log("javascript file started loading");
document.onload = function () {
  console.log("document loaded");
  alert("DOM is ready");
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script src="app.js"></script>
    <h1>cool page onload</h1>
  </body>
</html>

Answer 1

在窗口中加载，而不是文档

window.onload = function () {
  console.log("document loaded");
  alert("DOM is ready");
}

如果你想使用文件，

document.addEventListener("DOMContentLoaded", function(event) {
    console.log("document loaded");
    alert("DOM is ready");
});

Answer 2

如果您将jQuery应用于您的网站，该函数文档将起作用。还要确保脚本标记位于结束体标记之前，以便DOM可以加载。

document.onload函数未执行

2 个答案: