当前位置:Gxlcms > JavaScript > JavaScript实现判断图片是否加载完成的3种方法整理_javascript技巧

JavaScript实现判断图片是否加载完成的3种方法整理_javascript技巧

时间:2021-07-01 10:21:17 帮助过:17人阅读

有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明。

onload方法

通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码。如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将图片显示出来。

代码如下: