什么是window.onload事件？
window.onload是指当整个页面及其所有资源都已加载完毕后触发的事件。这意味着所有图片、样式表和脚本文件都已下载并可供使用。
为什么要在window.onload事件中添加代码？
在页面加载完成之前，可能会出现各种问题。例如，在JavaScript脚本中尝试访问还未加载的元素将导致错误。通过将代码添加到window.onload事件处理程序中，可以确保页面上的所有内容都已加载并准备就绪。
此外，如果您的代码依赖于其他库或框架，那么您需要确保这些依赖项也已经加载完毕。通常情况下，独立的JavaScript文件应该在head标签中被引入，而不是在body标签中。但是，如果必须在body标签中引用文件，那么您需要在window.onload事件中添加代码来确保这些文件已加载完毕。
如何添加代码到window.onload事件中？
有几种方法可以将代码添加到window.onload事件处理程序中。其中一种方法是使用addEventListener()方法：
window.addEventListener('load', function () {
// you code here
});另一种方法是使用onload属性直接给window对象赋值一个函数：
window.onload = function () {
// your code here
};在Javascript中，您只能有一个window.onload函数，因为它会覆盖先前的任何处理程序。如果您需要在页面中添加多个事件处理程序，请使用addEventListener()方法来添加它们。
示例代码
下面是一个示例代码，它使用window.onload事件处理程序在页面加载完成后执行JavaScript代码：
-- -------------------- ---- -------
--------- -----
------
------
--------- ------------
------- -----------------------
------------- - -------- -- -
--- ----- - ---------------------------------
--------------------------- - ------
--
---------
-------
------
---- ---------------- ------------
-------
-------在这个例子中，当页面加载完成后，window.onload函数将被调用，并将页面上的myDiv元素的背景颜色设置为红色。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24868