onload 事件
onload 事件
定义和用法
onload 事件会在页面或图像加载完成后立即发生。
onload 通常用于 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
语法
在 HTML 中:
在 JavaScript 中:
window.onload=function(){SomeJavaScriptCode};
| 参数 | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
addLoadEvent方法
//创建队列
function addLoadEvent(func){
var oldonload=window.onload;
If(typeof window.onload!=’function’){
Window.onload=func;
}else{
Window.onload=function(){
Oldonload();
Func();
}
}
}
//加载项
addLoadEvent(firstFunction);
addLoadEvent(secondFunction);
无论打算在页面加载完毕时执行多少个函数，只要多写一条语句！
以下 HTML 标签支持 onload :
<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>实例
图片载入后立即弹出 "Image is loaded"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title(runoob.com)</title>
<script>
function loadImage(){
alert("图片加载完成");
}
</script>
</head>
<body>
<img src="xxxx.png" onload="loadImage()" width="336" height="36">
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！