Image onload 事件

javaPie

于 2017-09-26 11:20:31 发布

阅读量1.5k

点赞数

分类专栏： jQuery

jQuery 专栏收录该内容

68 篇文章

订阅专栏

本文介绍了 HTML 中 Image 对象的 onload 事件，该事件在图片加载完成后触发，并执行指定的 JavaScript 代码。文章通过示例代码展示了如何使用 onload 事件来实现图片加载完成后的弹窗提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

尝试一下 »

Image 对象