窗口之间究竟有什么区别。Onload事件和body标签的Onload事件?我什么时候使用哪个，应该如何正确地做?
当前回答
Sorry for reincarnation of this thread again after another 3 years of sleeping, but perhaps I have finally found the indisputable benefit of window.onload=fn1; over <body onload="fn1()">. It concerns the JS modules or ES modules: when your onload handler resides in "classical" JS file (i.e. referred without <script type="module" … >, either way is possible; when your onload handler resides in "module" JS file (i.e. referred with <script type="module" … >, the <body onload="fn1()"> will fail with "fn1() is not defined" error. The reason perhaps is that the ES modules are not loaded before HTML is parsed … but it is just my guess. Anyhow, window.onload=fn1; works perfectly with modules ...
其他回答
如果你试图编写不引人注目的JS代码(你应该)，那么你不应该使用<body onload="">。
这是我的理解，不同的浏览器处理这两个略有不同，但他们的操作相似。在大多数浏览器中，如果同时定义了两者，其中一个将被忽略。
将内容、布局和行为分开是一个公认的标准。因此window.onload()将比<body onload="">更适合使用，尽管两者都做同样的工作。
窗口。onload -在所有DOM, JS文件，图像，Iframes，扩展和其他完全加载后调用。这等于$(window).load(function() {});
<body onload=""> - DOM加载后调用。这等于$(document).ready(function() {});
它们的工作原理相同。但是，请注意，如果定义了两者，则只调用其中一个。我通常避免直接使用它们中的任何一个。相反，您可以将事件处理程序附加到加载事件。通过这种方式，你可以更容易地合并其他可能也需要附加回调到onload事件的JS包。
任何JS框架都有用于事件处理程序的跨浏览器方法。
窗口。Onload可以在没有身体的情况下工作。只使用脚本标记创建页面，并在浏览器中打开它。该页面不包含任何主体，但它仍然可以工作。
<script>
function testSp()
{
alert("hit");
}
window.onload=testSp;
</script>
