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 类型判断代码分析
Mar 28 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
Oct 12 Javascript
使用JavaScript 实现各种跨域的方法
May 08 Javascript
jQuery zclip插件实现跨浏览器复制功能
Nov 02 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
在vue项目中使用Nprogress.js进度条的方法
Jan 31 Javascript
解决在vue项目中webpack打包后字体不生效的问题
Sep 01 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
vue 全局环境切换问题
Oct 27 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 Javascript
用几道面试题来看JavaScript执行机制
Apr 30 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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
浅谈json_encode用法
2015/03/05 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
编写针对IE的JS代码两种编写方法
2013/01/30 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
jQuery功能函数详解
2015/02/01 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
JavaScript中this的四个绑定规则总结
2016/09/26 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
Angular父组件调用子组件的方法
2018/04/02 Javascript
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
Python 单元测试(unittest)的使用小结
2018/11/14 Python
使用Matplotlib绘制不同颜色的带箭头的线实例
2020/04/17 Python
英国最大的在线奢侈手表零售商:Jura Watches
2018/01/29 全球购物
小学教师的个人自我鉴定
2013/10/24 职场文书
质检部岗位职责
2013/11/11 职场文书
电话销售经理岗位职责
2013/12/07 职场文书
大学毕业自我评价
2014/02/02 职场文书
企业员工薪酬方案
2014/06/04 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2014年环保工作总结
2014/11/26 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
只需要这一行代码就能让python计算速度提高十倍
2021/05/24 Python
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS