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 相关文章推荐
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
Jan 22 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
Sep 13 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
Apr 22 Javascript
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
如何在vue中使用jointjs过程解析
May 29 Javascript
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
Vue OpenLayer测距功能的实现
Apr 20 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
php的一些小问题
2010/07/03 PHP
查找php配置文件php.ini所在路径的二种方法
2014/05/26 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
为你总结一些php系统类函数
2015/10/21 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
不同浏览器对回车提交表单的处理办法
2010/02/13 Javascript
jquery实现居中弹出层代码
2010/08/25 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
javascript获取flash版本号的方法
2014/11/20 Javascript
使用ajax+jqtransform实现动态加载select
2014/12/01 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
jQuery实现的导航动画效果(附demo源码)
2016/04/01 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
Vuex 使用 v-model 配合 state的方法
2018/11/13 Javascript
玩转python爬虫之爬取糗事百科段子
2016/02/17 Python
使用Python的PIL模块来进行图片对比
2016/02/18 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
keras K.function获取某层的输出操作
2020/06/29 Python
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
工程专业毕业生自荐信范文
2013/12/25 职场文书
2014年五一促销活动方案
2014/03/09 职场文书
《从现在开始》教学反思
2014/04/15 职场文书
考试作弊检讨书
2015/01/27 职场文书
学术会议邀请函
2015/01/30 职场文书
个人年度总结报告
2015/03/09 职场文书
交通事故代理词范文
2015/05/23 职场文书
2015迎新晚会活动总结
2015/07/16 职场文书
幼儿园托班教育随笔
2015/08/14 职场文书
高中团支书竞选稿
2015/11/21 职场文书