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 相关文章推荐
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
JavaScript日期时间格式化函数分享
May 05 Javascript
超链接怎么正确调用javascript函数
May 23 Javascript
老生常谈 关于JavaScript的类的继承
Jun 24 Javascript
浅析Jquery操作select
Dec 13 Javascript
Vue.js实现实例搜索应用功能详细代码
Aug 24 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
node后端服务保活的实现
Nov 10 Javascript
javascript实现文字跑马灯效果
Jun 18 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
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
PHP htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
Laravel框架中队列和工作(Queues、Jobs)操作实例详解
2020/04/06 PHP
js的with语句使用方法
2007/09/21 Javascript
过虑特殊字符输入的js代码
2010/08/05 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
原生JavaScript实现的简单放大镜效果示例
2018/02/07 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
python虚拟环境virtualenv的使用教程
2017/10/20 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
用pandas按列合并两个文件的实例
2018/04/12 Python
Django项目主urls导入应用中views的红线问题解决
2019/08/10 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
tensorflow常用函数API介绍
2020/04/19 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
海淘零差价,宝贝全球购: 宝贝格子
2016/08/24 全球购物
应聘教师推荐信
2013/10/31 职场文书
食品安全责任书
2014/04/15 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
社保转移委托书范本
2014/10/08 职场文书
感谢信范文大全
2015/01/23 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
Python&Matlab实现樱花的绘制
2022/04/07 Python