TUTORIAL前端与浏览器FETCHED
Image onload 事件
Image onload 事件 Image 对象 定义和用法 onload 事件在图片加载完成后立即执行。 语法 onload='JavaScriptCode' 参数 描述 JavaScriptCode 必须。在事件触发后执行的Javascript代码。 浏览器支持 所有主要浏览器都支持 onload 事件 实例 实例 在图片载入完成后弹出 '图片加载完..
更新于 2026/7/16
教程详情页默认 noindex。
Image onload 事件
Image 对象
定义和用法
onload 事件在图片加载完成后立即执行。
语法
onload="JavaScriptCode"
| 参数 | 描述 |
|---|---|
| JavaScriptCode | 必须。在事件触发后执行的Javascript代码。 |
浏览器支持
![]()
![]()
![]()
![]()
![]()
所有主要浏览器都支持 onload 事件
实例
实例
在图片载入完成后弹出 "图片加载完成" :
<html>
<head>
<script>
function loadImage()
{
alert("图片加载完成");
}
</script>
</head>
<body>
<img src="w3javascript.gif" onload="loadImage()">
</body>
</html>
<head>
<script>
function loadImage()
{
alert("图片加载完成");
}
</script>
</head>
<body>
<img src="w3javascript.gif" onload="loadImage()">
</body>
</html>
尝试一下 »
Image 对象