日期:2014-05-16 浏览次数:20375 次
转自:
http://blog.mmclub.net/index/view/article_id/36
?
网站改版的时候碰到一个问题, 那就是 JavaScript 对页面内的图片处理的时候, 在IE 7 下居然失效了. 测试表明 IE6, FF 都没有问题, 唯独 IE7 对img的 onload 事件不理会. 折腾了半天. 发现原来是 IE 缓存引起的毛病.
- <script?type= "text/javascript" > ?
- ???? var ?imgs?=?doucument.getElementsByTagName( "img" ); ?
- ???? for ( var ?i?=?0;?i?<?imgs.length;?i++)?{ ?
- ???????? var ?newImg?=? new ?Image(); ?
- ????????newImg.src?=?imgs[i].src; ?
- ????????newImg.onload?=? function (){ ?
- ??????????? //?处理图像显示各项属性.比如最简单宽度不能大于500px ?
- ??????????? if (newImg.width?>?500)?{ ?
- ???????????????imgs[i].style.width?=?500?+? 'px' ; ?
- ???????????} ?
- ??????????? //?其他的处理.... ?
- ???????} ?
- ????} ?
- </script>?
- <script?type= "text/javascript" > ?
- ?? var ?imgs?=?document.getElementsByTagName( "img" ); ?
- ?? for ( var ?i=0;?i<imgs.length;?i++)?{ ?
- ???? var ?newImg?=? new ?Image(); ?
- ????newImg.onload?=? function ()?{ ?
- ?????? //?这里使用处理图像载入后的CODE ?
- ????} ?
- ????newImg.src?=?imgs[i].src; ?
- ??} ?
- </script>?