建网站知识

广州建网站中如何调用Image .onload方法

新闻资讯 - 广州建网站中如何调用Image .onload方法 发布时间2021.11.15. 浏览数:2240

【广州建网站,专业建网站】 怎样调用Image .onload方法?web开发中获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如:  var img = new Image();  img.src......广州建网站www.3goweb.cn三行网络公司为您详细介绍 - 请往下阅读》

广州建网站,专业建网站

广州建网站,专业建网站

怎样调用Image .onload方法?web开发中获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如:

 var img = new Image(); 

img.src = "loading.gif"; 

img.onload = function(){ 

alert ( img.width ); 

};
这段代码看着没什么问题,但在ie中会有一个bug,就是ie第一次打开的时候没问题,第二次使用这个方法就杯具了,ie没反应了,即使刷新页面也是一样。因为IE会缓存图片,第2次加载的图片,不是从服务器上传过来的,而是从缓冲区里加载的。
先写onload方法,再指定这张图片的URL,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这样就OK了。

 var img = new Image(); 

img.onload = function(){ 

alert ( img.width ); 
}; 

img.src = "loading.gif";

 

广州建网站公司选三行网络—— “匠心精琢、凝聚经典”是三行网络公司的设计理念,每一件作品无不是三行网络公司设计团队的倾力倾心之作。无论策划、创意还是视觉设计,三行网络公司设计团队均力求完美,而这样的完美不仅是视觉的享受,更是商业价值、品牌理念与视觉的共荣之作!
《广州建网站中如何调用Image .onload方法》此文由三行网络公司原创,转载请保留原文链接,谢谢!

【关键词标签】广州建网站,专业建网站

15989229398(微信咨询)

专业做网站 · ¥明码实价!


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 广州三行网络科技有限公司
粤ICP备案号:09210325