如何调试为什么 onload 在 JavaScript 中不起作用？答案

【问题标题】：How to debug why an onload does not work in JavaScript?如何调试为什么 onload 在 JavaScript 中不起作用？
【发布时间】：2018-02-15 01:47:51
【问题描述】：

这是一个测试代码。假设显示“你今天过得怎么样？伙计”，但现在页面上没有显示任何内容，控制台也没有说任何内容。有谁知道为什么？

<!DOCTYPE html>
<html>

<head>
  <title>test</title>
  <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  <script>
    function demo() {
      let newPara = window.document.createElement("p");
      newPara.innerHTML = "<h1>How are you doing today? Buddy</h1>";
      document.body.append(newPara);
    }
  </script>
</head>

<body>

  <div onload="demo()">


  </div>

</body>

</html>

【问题讨论】：

^^ 那。 div 没有 onload 事件。
另请注意append() 在 IE 或 Edge 中根本不起作用
您已包含 jquery 并标记了 jquery，但未使用 jquery（除非您认为您的 .append() 是 jquery，在这种情况下更改为 $("body").append(newPara)）（其他问题无法承受）跨度>

标签： javascript jquery html web

【解决方案1】：

您不能在div 上附加onload 事件。您可以将其附加到body 元素。

【讨论】：

知道了。谢谢