IE6下CSS图片缓存问题解决方法


Posted in Javascript onDecember 09, 2010

用一句代码即可搞定:

document.execCommand("BackgroundImageCache", false, true);

当然为了其它浏览器上能正常通过,需要做下判断后调用,才更安全:
if(Browser.isIE6){ 
try{ 
document.execCommand("BackgroundImageCache", false, true); 
} 
catch(e1){} 
}

平台检测代码可以这样写,摘自Ext源码:

var Browser = {}; 
try{ 
(function(){ 
var idSeed = 0, 
ua = navigator.userAgent.toLowerCase(), 
check = function(r){ 
return r.test(ua); 
}, 
DOC = document, 
isStrict = DOC.compatMode == "CSS1Compat", 
isOpera = check(/opera/), 
isChrome = check(/\bchrome\b/), 
isWebKit = check(/webkit/), 
isSafari = !isChrome && check(/safari/), 
isSafari2 = isSafari && check(/applewebkit\/4/), // unique to Safari 2 
isSafari3 = isSafari && check(/version\/3/), 
isSafari4 = isSafari && check(/version\/4/), 
isIE = !isOpera && check(/msie/), 
isIE7 = isIE && check(/msie 7/), 
isIE8 = isIE && check(/msie 8/), 
isIE6 = isIE && !isIE7 && !isIE8, 
isGecko = !isWebKit && check(/gecko/), 
isGecko2 = isGecko && check(/rv:1\.8/), 
isGecko3 = isGecko && check(/rv:1\.9/), 
isBorderBox = isIE && !isStrict, 
isWindows = check(/windows|win32/), 
isMac = check(/macintosh|mac os x/), 
isAir = check(/adobeair/), 
isLinux = check(/linux/), 
isIpad = check(/ipad/), 
isSecure = /^https/i.test(window.location.protocol); 
extend(Browser,{ 
isOpera:isOpera, 
isIE:isIE, 
isIE6:isIE6, 
isFirefox:isGecko, 
isSafari:isSafari, 
isChrome:isChrome, 
isIpad:isIpad 
}); 
})(); 
}catch(e){}

//上面extend方法也很easy
function extend(obj1,obj2){ 
for(var o in obj2){ 
obj1[o] = obj2[o]; 
} 
return obj1; 
}
Javascript 相关文章推荐
一次失败的jQuery优化尝试小结
Feb 06 Javascript
onclick与listeners的执行先后问题详细解剖
Jan 07 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
Bootstrap3制作图片轮播效果
May 12 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
理解javascript async的用法
Aug 22 Javascript
Vue项目全局配置微信分享思路详解
May 04 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
如何使用Javascript中的this关键字
May 28 Javascript
web前端开发也需要日志
Dec 09 #Javascript
JS拖动技术 关于setCapture使用
Dec 09 #Javascript
一起来写段JS drag拖动代码
Dec 09 #Javascript
教您去掉ie网页加载进度条的方法
Dec 09 #Javascript
javascript 折半查找字符在数组中的位置(有序列表)
Dec 09 #Javascript
基于jQuery的一个扩展form序列化到json对象
Dec 09 #Javascript
来自国外的页面JavaScript文件优化
Dec 08 #Javascript
You might like
PHP超牛逼无限极分类生成树方法
2015/05/11 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
PHP实现倒计时功能
2020/11/16 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
2014/08/12 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
js 点击a标签 获取a的自定义属性方法
2016/11/21 Javascript
微信小程序开发探究
2016/12/27 Javascript
JS实现的数字格式化功能示例
2017/02/10 Javascript
select获取下拉框的值 下拉框默认选中方法
2018/02/28 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
2020/02/01 jQuery
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
python实现计数排序与桶排序实例代码
2019/03/28 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
MAC平台基于Python Appium环境搭建过程图解
2020/08/13 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
医学生实习自荐信
2013/10/01 职场文书
应聘收银员个人的求职信
2013/11/30 职场文书
函授毕业自我鉴定
2014/02/04 职场文书
俄语专业毕业生求职信
2014/07/12 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
送给客户微信问候语!
2019/07/04 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
小学四年级作文之最感动的一件事
2019/11/01 职场文书
Python基础教程,Python入门教程(超详细)
2021/06/24 Python