首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

IE中Image .onload方法有关问题

2012-10-11 
IE中Image .onload方法问题在web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高

IE中Image .onload方法问题

在web开发在获取图片宽高是很正常的事情,图片在加载完成前是获取不到图片的宽高的,在加载完成后才可以获取图片本身的宽高,例如:

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

热点排行