页面刷新时onload事件的执行机制
在网页开发中，onload事件是常用的一个事件，它会在整个页面及其所有依赖资源（如图片、样式表等）加载完成后触发。然而，关于onload事件在页面刷新时的行为以及与其他元素的onload事件的交互，存在一些误区。本文将详细解答这些问题。
首先，onload事件并非在页面上的每一个元素都会触发。正如问题中所述，div元素本身并不支持onload事件。onload事件只会在window对象上触发，表示整个页面的加载完成。因此，问题一“刷新页面是都会执行它吗？”的答案是肯定的，只要页面刷新，window的onload事件就会执行一次。 需要注意的是，这指的是window.onload，而不是随意添加到其他元素上的onload属性。
问题二提到了
和
的情况。如答案所述，
元素的onload属性无效，浏览器会忽略它。只有body元素上的onload事件会在页面加载完成后执行。所以，在这种情况下，只有body的init()函数会被执行。
如果需要监听DOM元素的加载完成，DOMContentLoaded事件是一个更好的选择。该事件会在HTML文档完全加载并解析完毕后触发，而无需等待所有外部资源（如图片、样式表）加载完成。 如果需要监听DOM树的改变，则可以使用MutationObserver API。 至于问题中提到的React或Vue框架能够监听组件生命周期，是因为这些框架内部实现了相应的机制来监控和处理组件的渲染过程。这与浏览器原生的onload事件机制不同。
总而言之，onload事件与页面的加载过程密切相关，但其适用范围仅限于window对象，而非所有DOM元素。其他事件，如DOMContentLoaded和MutationObserver，提供了更精细的DOM操作和监听机制。
