window.onload 和 body.onload 的区别

windows onload和body onload之间存在细微差别，但在处理它们之间的差异之前，我们首先需要了解这些 onload 是什么。之后，我们将了解它们在不同场景中的用法，我们会注意到它们之间的细微差别。

onloads：当对象完全加载时触发onloads事件，有两种类型的onload事件，一种是windows onload和body onload。

1. Windows onload：此窗口的 onload 事件在开始时触发。
2. Body onload：一旦所有内容下载完毕，这个 body onload 事件就会触发，如果我们想找到一个元素并更新样式或内容，那么使用 body onload 是正确的选择。

注意：如果更新样式和内容不打扰您，那么您使用的 onload 无关紧要。

以下示例说明了 windows onload 和 body onload 之间的区别：

HTML

   
   
   
      
         GeeksforGeeks
           
A Computer Science Portal for Geeks
  
      
      
          
        // Body onload
         function bodyLoad() {
             alert("Alert from body_onload");
             alert("content from d1: "
                   + document.getElementById("d1").innerText);
         }
           
         // Window onload 
         function winLoad() {
             alert("Alert from window_onload");
             if (document.getElementById("B1") != null) {
                 alert("Content from body: "
                       + document.getElementById("B1").innerText);
             }
             else {
                 alert("Failed to find B1");
             }
         }
         window.onload = winLoad();
      
   

输出：

• 窗口加载：

• 车身负载：