js 判断图片是否加载完毕

 
更多

js 判断图片已经加载完成 是一个很常见的问题,网上也有很多的解决方案。大部分的解决方案是使用 onload 方法,但由于 onload 在 ie 下面有同步方面的问题,所以下面作者将要分享的是兼容了 ie 和 火狐两大浏览器的判断图片是否加载完毕的一个小知识。

<script language="javascript">
function SImage(callback){
	var img=new Image();
	this.img=img;
	var appname=navigator.appName.toLowerCase();
	if(appname.indexOf("netscape")==-1){
		//ie,在 ie 下面使用 onreadystatechange 事件
		img.onreadystatechange=function(){
			if(img.readyState=="complete"){
				callback(img);
			}
		};
	}else{
		//firefox
		img.onload=function(){
			if(img.complete==true){
				callback(img);
			}
		}
	}
}
SImage.prototype.get=function(url){
	this.img.src=url;
}
//使用案例
var img=new SImage(icall);
img.get("http://space.cnblogs.com/images/logo.gif");
function icall(obj){
	alert(obj.width);
}
</script>
打赏

本文固定链接: https://www.cxy163.net/archives/4649 | 绝缘体

该日志由 绝缘体.. 于 2013年05月23日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: js 判断图片是否加载完毕 | 绝缘体
关键字: , , , ,

js 判断图片是否加载完毕:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter