软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > IE图片缓存的问题

IE图片缓存的问题

  IE图片缓存测试

  经常我们会用js动态创建html元素。但是最近的项目中发现IE浏览器每次都要重新加载页面的所有图片,所以根据一篇博文测试这个问题。 

以下为引用的内容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>测试ajax引起图片下载的问题</title>
</head>

<body>
</body>
<script type="text/javascript">
<!--
var st="<img name=\"img1\" src=\"http://www.veryhuo.com/liehuo.net/images/liehuo2009/logo.gif\">"
var ar = new Array(101);
window.onload=function(){
document.body.innerHTML = ar.join(st);
}
</script>
</html>


 以上页面代码就会引起所有img元素重新从服务器加载图片。 分析以后,觉得先让浏览器生成img的dom对象,然后更改属性。所以进行修改如下:

以下为引用的内容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>测试ajax引起图片下载的问题</title>
</head>

<body>
</body>
<script type="text/javascript">
<!--
var st="<img name=\"img1\" src=\"\">"
var ar = new Array(101);
window.onload=function(){
document.body.innerHTML = ar.join(st);
var obj = document.getElementsByTagName("img");
for(var i = 0;i < obj.length; i++){
obj[i].src = "http://www.veryhuo.com/liehuo.net/images/liehuo2009/logo.gif";
}
}
</script>
</html>

  发现,以上代码依然会引起所有img元素重新从服务器下载图片。

  

相关阅读
栏目导航
推荐软件