• 【2018夏季达沃斯】未来就业报告发布:机器将比人更“能干” 哪些职位更“吃香”? 2018-09-19
  • 西安市民:本想买点香菜吃火锅?比较后还是买了些肉 2018-09-19
  • 安吉发布乡村治理标准规范 2018-09-19
  • 华北能源监管局开展电网运行风险管控专项督查 2018-09-18
  • 马来西亚新山依斯干达特区吸资2531亿马币 ——凤凰网房产马来西亚 2018-09-18
  • 繁星戏剧挑战浸没式独角戏 2018-09-18
  • 领导干部自然资源资产离任审计制度试点 让福建省光泽县绿意盎然(图)-地方新闻-时政频道-中工网 2018-09-08
  • 人民日报评留美生数落父母:为亲情拓对话空间 2018-09-07
  • 网友给四川省委书记、省长留言获回复 共计25条 2018-09-07
  • 娱乐城新优惠 2018-09-06
  • 无人售货架现身出租车内 乘客扫码付款随时取走零食 2018-09-06
  • 江西公布拖欠劳动报酬典型案例 最高拖欠近200万元 2018-09-06
  • 做学习宣传贯彻人民领袖思想的排头兵 2018-09-06
  • 华夏幸福荣获2018中国品牌先锋大奖之杰出企业奖 2018-09-05
  • 10大路口因礼让斑马线致堵 济南交警推新规约束行人 ——凤凰网房产济南 2018-09-05
  • js 判断图片是否加载完毕

    栏目: 编程语言 发布于: 2014-05-07 16:24:35

    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://www.rocksun.cn/images/logo.gif");
    function icall(obj){
    	alert(obj.width);
    }
    </script>

    您可能感兴趣的文章

    • js判断图片是否加载完成并获取图片的宽度
    • Jquery判断图片是否加载失败
    • jquery判断页面是否已经加载了jquery文件
    • javascript图片预加载技术
    • javascript获取图片的宽度和高度的一种方法
    • php获取远程图片并下载保存到本地
    • 使用jquery.lazyload动态延迟加载页面图片的方法
    • js 判断变量是否为数字
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:js 判断图片是否加载完毕
    IT技术书籍推荐:
    利用Python进行数据分析
    利用Python进行数据分析
    麦金尼 (Wes McKinney) (作者), 唐学韬 (译者), 等 (译者)
    《利用Python进行数据分析》内容简介:学习NumPy(NumericalPython)的基础和高级知识;从pandas库的数据分析工具开始利用高性能工具对数据进行加载、清理、转换、合并以及重塑;利用matpIotlib创建散点图以及静态或交互式的可视化结果;利用pandas的groupby功能对数据集进行切片、切块和汇总操作;处理各种各样的时间序列数据。