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 相关文章推荐
二行代码解决全部网页木马
Mar 28 Javascript
javascript使用onclick事件改变选中行的颜色
Dec 30 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
Oct 23 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
Angular2 父子组件数据通信实例
Jun 22 Javascript
小程序实现搜索框功能
Mar 26 Javascript
Element MessageBox弹框的具体使用
Jul 27 Javascript
微信小程序实现点击导航条切换页面
Nov 19 Javascript
vue+element实现动态加载表单
Dec 13 Vue.js
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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
PHP结合jQuery实现找回密码
2015/07/22 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
浅谈javascript 面向对象编程
2009/10/28 Javascript
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
js实现的切换面板实例代码
2013/06/17 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
Jquery 动态生成表格示例代码
2013/12/24 Javascript
nodejs中使用多线程编程的方法实例
2015/03/24 NodeJs
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
JSONP基础知识详解
2017/03/19 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
Python访问MySQL封装的常用类实例
2014/11/11 Python
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
简单介绍Python中的readline()方法的使用
2015/05/24 Python
Python 3中print函数的使用方法总结
2017/08/08 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
Python字符串处理的8招秘籍(小结)
2019/08/13 Python
Python连接mysql方法及常用参数
2020/09/01 Python
HTML5 weui使用笔记
2019/11/21 HTML / CSS
DAWGS鞋官方网站:鞋,凉鞋,靴子
2016/10/04 全球购物
伦敦时尚生活的缩影:LN-CC
2017/01/24 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
信息管理专业学生自荐信格式
2013/09/22 职场文书
最新茶叶店创业计划书
2014/01/14 职场文书
环境科学专业求职信
2014/08/04 职场文书
办护照工作证明
2014/10/01 职场文书
公安民警正风肃纪剖析材料
2014/10/10 职场文书
安全温馨提示语大全
2015/07/14 职场文书
学校运动会通讯稿
2015/07/18 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS