js 判断图片是否加载完以及实现图片的预下载
来源: 阅读:1323 次 日期:2014-08-15 14:07:17
温馨提示: 小编为您整理了“js 判断图片是否加载完以及实现图片的预下载”,方便广大网友查阅!

创建一个Image对象,实现图片的预下载,如果图片已经存在于浏览器缓存,直接调用回调函数,使用onload事件可以判断图片是否加载完成

view sourceprint?

01 function loadImage(url, callback) {

02 var img = new Image(); //创建一个Image对象,实现图片的预下载

03 img.src = url;

04

05 if(img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数

06 callback.call(img);

07 return; // 直接返回,不用再处理onload事件

08 }

09 img.onload = function () { //图片下载完毕时异步调用callback函数。

10 callback.call(img);//将回调函数的this替换为Image对象

11 };

12 };

view sourceprint?01


      

01//EN" "http://www.w3.org/TR/html4/strict.dtd">

02

03

04

05 判断图片是否加载完成

06

07

08

09

10

Baidu

11

12

更多信息请查看IT技术专栏

更多信息请查看 网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2026上岸·考公考编培训报班

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们| 联系我们| 人才招聘| 网站声明| 网站帮助| 非正式的简要咨询| 简要咨询须知| 新媒体/短视频平台| 手机站点| 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:
咨询QQ:1093837350(9:00—18:00) 版权所有:
云南网警报警专用图标
Baidu
map