Question

要点： 如果使用<script>的其他脚本的链接包含在head标记中，而不是在身体结束之前包含相同的<script>时，则on body onload工作

<body onload="console.log('body loaded');">

重现：

在Fiddle

中加载完整代码

当我们将Javascript Loadtype设置为No Wrap时 - 在<head>中，我们在控制台中看到以下日志：

DOM Loaded
window loaded
body loaded

但是当我们将它设置为No Wrap时 - 在<body>中，我们在控制台中看到以下日志：

DOM Loaded
window loaded

为什么会有差异？

Answer 1

在body标签中设置它需要等待在页面中呈现所有资源，例如图像，样式，脚本等。

当您将其放在 head 标记内时，无需等待渲染资源。

它介于window.on（＆＃39; load＆＃39;）和document.ready in jquery之间。