使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧
程序员文章站
2022-05-18 23:32:34
...
有时需要获取图片的尺寸,这需要在图片加载完成以后才可以。有三种方式实现,下面一一介绍。
一、load事件
img - load event
测试,所有浏览器都显示出了“loaded”,说明所有浏览器都支持img的load事件。
二、readystatechange事件
img - readystatechange event
readyState为complete和loaded则表明图片已经加载完毕。测试IE6-IE10支持该事件,其它浏览器不支持。
三、img的complete属性
img - complete attribute
轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询。该属性所有浏览器都支持。
一、load事件
复制代码 代码如下:
loading...
测试,所有浏览器都显示出了“loaded”,说明所有浏览器都支持img的load事件。
二、readystatechange事件
复制代码 代码如下:
loading...
readyState为complete和loaded则表明图片已经加载完毕。测试IE6-IE10支持该事件,其它浏览器不支持。
三、img的complete属性
复制代码 代码如下:
loading...
轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询。该属性所有浏览器都支持。
推荐阅读
-
JavaScript判断图片是否加载完成的三种方式
-
Javascript 判断Flash是否加载完成的代码_javascript技巧
-
判断iframe是否加载完成的完美方法_javascript技巧
-
js或者jquery判断图片是否加载完成实现代码_javascript技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧
-
使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧
-
Javascript 判断Flash是否加载完成的代码_javascript技巧
-
关于JS判断图片是否加载完成且获取图片宽度的方法_javascript技巧
-
JavaScript实现判断图片是否加载完成的3种方法整理_javascript技巧