TUTORIAL前端与浏览器FETCHED

Image onload 事件

Image onload 事件 Image 对象 定义和用法 onload 事件在图片加载完成后立即执行。 语法 onload='JavaScriptCode' 参数 描述 JavaScriptCode 必须。在事件触发后执行的Javascript代码。 浏览器支持 所有主要浏览器都支持 onload 事件 实例 实例 在图片载入完成后弹出 '图片加载完..

更新于 2026/7/16

教程详情页默认 noindex。

Image onload 事件

Image 对象参考手册 Image 对象

定义和用法

onload 事件在图片加载完成后立即执行。

语法

onload="JavaScriptCode"

参数 描述
JavaScriptCode 必须。在事件触发后执行的Javascript代码。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 onload 事件


实例

实例

在图片载入完成后弹出 "图片加载完成" :

<html>
<head>
<script>
function loadImage()
{
alert("图片加载完成");
}
</script>
</head>

<body>
<img src="w3javascript.gif" onload="loadImage()">
</body>
</html>

尝试一下 »


Image 对象参考手册 Image 对象