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 相关文章推荐
jcarousellite.js 基于Jquery的图片无缝滚动插件
Dec 30 Javascript
读jQuery之五(取DOM元素)
Jun 20 Javascript
早该知道的7个JavaScript技巧
Mar 27 Javascript
js实现的常用的左侧导航效果
Oct 17 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
Mar 06 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
Javascript中绑定click事件的四种方式介绍
Oct 26 Javascript
简单了解JavaScript弹窗实现代码
May 07 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 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 源代码压缩小工具
2009/12/22 PHP
ThinkPHP的常用配置选项汇总
2016/03/24 PHP
PHP的swoole扩展安装方法详细教程
2016/05/18 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
2011/09/04 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
2019/08/16 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10
2020/12/13 DOTA
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
Python实现高斯函数的三维显示方法
2018/12/29 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
PyQt5中向单元格添加控件的方法示例
2020/03/24 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
澳大利亚Mocha官方网站:包、钱包、珠宝和配饰
2019/07/18 全球购物
半年思想汇报
2013/12/30 职场文书
知识竞赛活动方案
2014/02/18 职场文书
个人欠款担保书
2014/05/20 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
联欢会开场白
2015/06/01 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
Python机器学习之基础概述
2021/05/19 Python