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 相关文章推荐
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
jQuery提交表单ajax查询实例代码
Oct 07 Javascript
Javascript跨域请求的4种解决方式
Mar 17 Javascript
JavaScript Serializer序列化时间处理示例
Jul 31 Javascript
jQuery实现平滑滚动的标签分栏切换效果
Aug 28 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 Javascript
微信小程序图表插件(wx-charts)实例代码
Jan 17 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
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
十天学会php(1)
2006/10/09 PHP
在MongoDB中模拟Auto Increment的php代码
2011/03/06 PHP
奉献出一个封装的curl函数 便于调用(抓数据专用)
2013/07/22 PHP
php生成短网址示例
2014/05/05 PHP
深入理解PHP内核(一)
2015/11/10 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
yii2 resetful 授权验证详解
2017/05/18 PHP
php unlink()函数使用教程
2018/07/12 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
JQuery 图片的展开和伸缩实例讲解
2013/04/18 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
AngularJS使用ocLazyLoad实现js延迟加载
2017/07/05 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
js实现3D旋转相册
2020/08/02 Javascript
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
《大禹治水》教学反思
2014/04/27 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
整改落实自查报告
2014/11/05 职场文书
八月迷情观后感
2015/06/11 职场文书
感恩老师主题班会
2015/08/12 职场文书
新年寄语2016
2015/08/17 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
SQL SERVER触发器详解
2022/02/24 SQL Server