js中onload是什么意思

什么是 onload 事件？

onload 事件在页面完全加载后触发，包括页面中的所有图像、脚本和样式表。

详细说明

onload 事件监听器的作用是等到页面加载完成后执行相应的代码。当页面中的最后一个元素被加载并渲染到浏览器中时，就会触发该事件。

要为 onload 事件添加事件监听器，可以使用以下语法：

window.onload = function() {  // 在页面加载完成后执行的代码};

也可以使用以下更简洁的语法：

window.addEventListener('load', function() {  // 在页面加载完成后执行的代码});

需要注意的是，onload 事件只触发一次，即当整个页面加载完成后触发一次。与之相反，DOMContentLoaded 事件在 HTML 文档加载完成且 DOM 树构建后触发，但不等待所有图像和样式表加载完成。

使用场景

onload 事件通常用于执行以下任务：

示例

以下是一个示例，说明如何使用 onload 事件来隐藏加载指示符：

window.onload = function() {  document.getElementById('loading').style.display = 'none';};

在这个示例中，当页面加载完成后，将隐藏带有 ID 为 "loading" 的元素。