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 相关文章推荐
Add a Formatted Table to a Word Document
Jun 15 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
基于zepto.js简单实现上传图片
Jun 21 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 Javascript
js实现简单图片拖拽效果
Feb 22 Javascript
vue-cropper组件实现图片切割上传
May 27 Vue.js
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
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
php站内搜索并高亮显示关键字的实现代码
2011/12/29 PHP
为javascript添加String.Format方法
2020/08/11 Javascript
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
Javascript中的getUTCDay()方法使用详解
2015/06/10 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
React-intl 实现多语言的示例代码
2017/11/03 Javascript
jQuery实现ajax回调函数带入参数的方法示例
2018/06/26 jQuery
Vue插值、表达式、分隔符、指令知识小结
2018/10/12 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
vue实现日历备忘录功能
2020/09/24 Javascript
javascript实现导航栏分页效果
2019/06/27 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
python2.7实现爬虫网页数据
2018/05/25 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
HTML5 video 事件应用示例
2014/09/11 HTML / CSS
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
计算机专业毕业生的自我评价
2013/11/18 职场文书
数控技术学生的自我评价
2014/02/15 职场文书
效能监察建议书
2014/05/19 职场文书
常务副总经理任命书
2014/06/05 职场文书
2014年房产销售工作总结
2014/12/08 职场文书
乡镇团代会开幕词
2016/03/04 职场文书