当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

IE6下图片被多次加载

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-4 8:48:38

-->

今天在优化网站交易区的页面的时候发现在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下图片被多次加载