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 相关文章推荐
对jQuery的事件绑定的一些思考(补充)
Apr 20 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
JavaScript数据结构和算法之二叉树详解
Feb 11 Javascript
js事件处理程序跨浏览器解决方案
Mar 27 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
jQuery Select下拉框操作小结(推荐)
Jul 22 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
JS+php后台实现文件上传功能详解
Mar 02 Javascript
Vue实现剪贴板复制功能
Dec 31 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
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
jQuery回车实现登录简单实现
2013/08/20 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
ajax在兼容模式下失效的快速解决方法
2016/03/22 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
vue发送ajax请求详解
2018/10/09 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
简单谈谈python的反射机制
2016/06/28 Python
利用Python实现图书超期提醒
2016/08/02 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
Python图像处理库PIL的ImageFont模块使用介绍
2020/02/26 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
浅谈Python3中print函数的换行
2020/08/05 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
新闻学专业应届生求职信
2013/11/08 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
社团活动总结书
2014/06/27 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
个人廉洁自律总结
2015/03/06 职场文书
python自动统计zabbix系统监控覆盖率的示例代码
2021/04/03 Python