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 相关文章推荐
JS 树形递归实例代码
May 18 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
中国地区三级联动下拉菜单效果分析
Nov 15 Javascript
Jquery.addClass始终无效原因分析
Sep 08 Javascript
JavaScript中的函数嵌套使用
Jun 04 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 Javascript
node网页分段渲染详解
Sep 05 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 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
用文本文件制作留言板提示(上)
2006/10/09 PHP
php数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
php连接mssql数据库的几种方法
2013/02/21 PHP
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
2009/08/15 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
jQuery判断当前点击的是第几个li的代码
2014/09/26 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
js判断当前页面在移动设备还是在PC端中打开
2016/01/06 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
angularjs实现猜数字大小功能
2020/05/20 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
基于vue的验证码组件的示例代码
2019/01/22 Javascript
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
澳大利亚波西米亚风情网上商店:Czarina
2019/03/18 全球购物
漫威玩具服装及周边商品官方购物网站:Marvel Shop
2019/05/11 全球购物
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
巴西箱包、背包、钱包和旅行配件购物网站:Inovathi
2019/12/14 全球购物
开业庆典活动策划方案
2014/09/21 职场文书
代领报检证委托书范本
2014/10/11 职场文书
高中同学会致辞
2015/08/01 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
整理Python中常用的conda命令操作
2021/06/15 Python
「睡美人」爱洛公主粘土人开订
2022/03/22 日漫