窗口加载 JavaScript

在网页开发中，常常需要在页面加载完成后执行某些 JavaScript 代码。我们一般会把 JavaScript 代码放在 script 标签中，然后把 script 标签放在 head 或者 body 中。但是，有些时候我们需要等到页面的其他资源加载完成之后再执行 JavaScript，否则可能会导致代码出错或者执行效果不符合预期。

在这种情况下，我们可以使用 window.onload 事件来确保 JavaScript 代码在所有资源都加载完成后再执行。window.onload 是 DOM 中的一个事件，它会在整个页面以及所有资源（如图片、视频等）加载完成后触发。

window.onload = function() {
  // 在这里写你的 JavaScript 代码
}

这样，当页面和该页中包含的所有资源都加载完成后，就会执行函数内部的代码。

但是，使用 window.onload 也有一些限制。如果我们多次使用 window.onload 来执行不同的 JavaScript 代码，那么只有最后一次使用的 onload 事件会被执行。这是因为在 DOM 中，每个事件只能有一个处理函数（也就是说，每个事件只能被一个函数监听）。如果我们需要同时执行多个 JavaScript 代码，我们可以使用 addEventListener 方法来给 onload 事件绑定多个处理函数。

window.addEventListener('load', function() {
  // 第一个处理函数
});

window.addEventListener('load', function() {
  // 第二个处理函数
});

这样，页面加载完成后，就会依次执行两个处理函数的代码。

总的来说，使用 window.onload 事件是确保 JavaScript 代码在页面和资源完全加载后执行的一种可靠方法。但是，我们需要注意这个事件只能被一个函数绑定，如果我们需要同时执行多个 JavaScript 代码，可以使用 addEventListener 方法来给 onload 事件绑定多个处理函数。