firefox火狐浏览器与与ie兼容的2个问题总结


Posted in Javascript onJuly 20, 2010

1:rules与cssRules区别:

function addCSSRule(css,key,value){ 
//var css = document.styleSheets[document.styleSheets.length-1]; 
if(navigator.userAgent.indexOf("Firefox")>0 ) 
{ 
css.insertRule(key+"{"+value+"}", css.cssRules.length) 
} 
else 
{ 
css.addRules(key,value); 
} 
} 
function removeCSSRule(key){ 
for(var i = 0; i < document.styleSheets.length; i++){ 
var css = document.styleSheets[i]; 
navigator.userAgent.indexOf("Firefox")>0 ? 
(function(){ 
for(var j = 0; j < css.cssRules.length; j++){ 
if(css.cssRules[j].selectorText==key){ 
css.deleteRule(j); 
} 
} 
})() : 
(css.removeRule(key)) ; 
} 
}

我是这样加了一个方法解决这个问题的。。
2:火狐和ie中获得背景色问题(getComputedStyle与currentStyle的区别)
function getCurrentStyle(oElement) { 
if(navigator.userAgent.indexOf("Firefox")>0 ){ 
var rgbstr=document.defaultView.getComputedStyle(oElement,null).backgroundColor; 
var strR; 
if(rgbstr.toString().indexOf('(')>0 && rgbstr.toString().indexOf(')')>0) 
{ 
strR= rgbstr.toString().substring(parseInt(rgbstr.toString().indexOf('(')+1),rgbstr.toString().indexOf(')')).split(','); 
} 
return toHexColor(strR[0],strR[1],strR[2]).substring(1); 
} 
else{ 
return oElement.currentStyle.backgroundColor.trim().substring(1); 
} 
}

function toHexColor(r,g,b){ 
var hex='#'; 
var hexStr = '0123456789ABCDEF'; 
low = r % 16; 
high = (r - low)/16; 
hex+=hexStr.charAt(high) + hexStr.charAt(low); 
low = g % 16; 
high = (g - low)/16; 
hex+=hexStr.charAt(high) + hexStr.charAt(low); 
low = b % 16; 
high = (b - low)/16; 
hex+=hexStr.charAt(high) + hexStr.charAt(low); 
return hex; 
}

记住 火狐获得的rgbstr是rgb的因此我还要转成16进制的。我也整理了一个很笨的转换方法再上面望打击拍砖!
Javascript 相关文章推荐
javascript实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
jquery的map与get方法详解
Nov 04 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
详解JavaScript函数对象
Nov 15 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
Apr 06 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
vue实现商城上货组件简易版
Nov 27 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
Sep 03 Javascript
小程序实现多个选项卡切换
Jun 19 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
Aug 04 Javascript
Javascript call及apply应用场景及实例
Aug 26 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 #Javascript
js下写一个事件队列操作函数
Jul 19 #Javascript
js+css在交互上的应用
Jul 18 #Javascript
基于jQuery试卷自动排版系统
Jul 18 #Javascript
Date对象格式化函数代码
Jul 17 #Javascript
js下利用控制器载入对应脚本
Jul 17 #Javascript
js 纯数字不重复排列的另类方法
Jul 17 #Javascript
You might like
如何用php获取程序执行的时间
2013/06/09 PHP
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
PHP简单获取上月、本月、近15天、近30天的方法示例
2017/07/03 PHP
PHP实现的权重算法示例【可用于游戏根据权限来随机物品】
2019/02/15 PHP
Ctrl+Enter提交内容信息
2006/06/26 Javascript
图片img的src不变让浏览器重新加载实现方法
2013/03/29 Javascript
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
原生JavaScript生成GUID的实现示例
2014/09/05 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
JS组件Bootstrap实现下拉菜单效果代码
2016/04/26 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
js实现漫天星星效果
2017/01/19 Javascript
微信小程序Redux绑定实例详解
2017/06/07 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
2018/02/03 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
Vue的编码技巧与规范使用详解
2019/08/28 Javascript
Jquery cookie插件实现原理代码解析
2020/08/04 jQuery
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
Matplotlib 生成不同大小的subplots实例
2018/05/25 Python
基于python实现聊天室程序
2018/07/27 Python
python cv2在验证码识别中应用实例解析
2019/12/25 Python
Python爬虫谷歌Chrome F12抓包过程原理解析
2020/06/04 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
2014基层党员批评与自我批评范文
2014/09/24 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
六年级学生期末评语
2014/12/26 职场文书
教师学习心得体会范文
2016/01/21 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
Python基础之常用库常用方法整理
2021/04/30 Python
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python