页面刷新时onload的执行机制

当刷新页面时，会重新加载整个网页的内容。在这种情况下，onload事件会再次触发，因为它负责在加载和渲染页面时执行特定的动作。

DOM元素中的onload事件

问题中提到的onload事件通常用于整个页面，而不是像div这样特定的DOM元素。div元素没有onload事件，但在某些情况下，可以使用类似的事件来响应div的加载和渲染。

比如，网页中常常使用以下的load事件监听整个body标签加载并渲染完成：

vue-composition-api-best-practices

Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。

下载

<body onload="init()">

这个事件可在整个页面及所有依赖资源（例如样式表和图像）加载完毕后触发。但是，它与div元素中的onload事件无关。

为了监听单个DOM元素的加载，可以使用诸如DOMContentLoaded的API。它会在所有DOM元素和依赖资源加载并解析后触发。

如果您需要监测一个特定DOM元素的渲染完成，可以使用以下方法：

• MutationObserver：它可以监视DOM树的更改，包括元素的添加、删除和修改。
• 框架：像React和Vue这样的框架提供了生命周期钩子，可以用来监视组件的特定加载和渲染阶段。