- ·上一篇文章:border:none与border:0的区别
- ·下一篇文章:HTML5最基本的新特性,你掌握了吗?
当前位置:K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS01 → 文章内容
IE6下图片被多次加载
-->
今天在优化网站交易区的页面的时候发现在IE6下面加载好慢,找了半天多没找到原因,后来发现有一张图被加载了很多次,后来在taobao UED找到了解决方法。
BUG原因:
IE6在window.onload(或模拟的domready)时执行脚本,会引发一些cache的问题:
1、此时JS对dom进行渲染级的变动,如设置宽高、innerHTML等,会对元素的背景图进行重新请求
2、此时JS对多个Image元素设置同一src,此src会被请求多次
解决方法:
在页头CSS加入如下代码:
1 | html {zoom:expression(function(ele) |
1 | {ele.style.zoom = "1"; |
1 | document.execCommand("BackgroundImageCache", false, true);}(this));} |
1 | 如果你不想用这个方法的话,你可以不在<code>window.onload |
或
1 | domready |
时进行类似操作
k88编程网
#IE6%E4%B8%8B%E5%9B%BE%E7%89%87%E8%A2%AB%E5%A4%9A%E6%AC%A1%E5%8A%A0%E8%BD%BD.html”>k88编程网/IE6%E4%B8%8B%E5%9B%BE%E7%89%87%E8%A2%AB%E5%A4%9A%E6%AC%A1%E5%8A%A0%E8%BD%BD.html
IE6下图片被多次加载