JavaScript的onload事件是当页面内容完成时触发此事件。那么,这个词是什么意思呢?它是个组合词吧?请讲解一下它的意思
JavaScript 中的 onload 是一个组合词,由 on 和 load 两部分组成。
其中:
on表示“当……发生时”,是 JavaScript 事件处理程序的通用前缀。load表示“加载”,指页面资源的加载过程。
因此,onload 的字面意思是“当加载发生时”,即当页面及其所有资源(如图片、脚本、样式表等)完全加载并完成解析时触发的事件。
核心特性
触发时机:
onload事件在页面所有元素(包括子资源)完全加载后触发,确保此时操作不会因资源未就绪而报错。用途:常用于页面初始化(如数据加载、动态内容显示、事件绑定等)。
全局性:通过
window.onload或<body onload="...">绑定,适用于整个页面。
示例代码
<script>
window.onload = function() {
alert('页面已完全加载');
};
</script>此代码会在页面加载完成后弹出提示框。
与其他事件的区别
DOMContentLoaded:仅等待 HTML 文档解析完成,不等待图片等资源。onunload:页面卸载前触发,用于清理操作(如保存数据)。