IE和火狐的区别

原创 2011年01月18日 12:14:00

1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法: 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能。 (2)解决方法: 改用 [] 作为下标运算。如:document.forms("formName") 改为 document.forms["formName"]。 又如:document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1] (3)其它 3. window.event (1)现有问题: 使用 window.event 无法在火狐浏览器上运行 (2)解决方法: 火狐 的 event 只能在事件发生的现场使用,此问题暂无法解决。可以这样变通: 原 代码(可在IE中运行):

...
15. 事件委托方法 IE:document.body.onload = inject; //Function inject()在这之前已被实现 Firefox:document.body.onload = inject(); 有人说标准是: document.body.onload=new Function('inject()'); 16. firefox与IE(parentElement)的父元素的区别 IE:obj.parentElement firefox:obj.parentNode 解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择. 17.cursor:hand VS cursor:pointer firefox不支持hand,但ie支持pointer 解决方法: 统一使用pointer 18.innerText在IE中能正常工作,但是innerText在FireFox中却不行. 解决方法: if(navigator.appName.indexOf("Explorer") > -1){ document.getElementById('element').innerText = "my text"; } else{ document.getElementById('element').textContent = "my text"; } 19. FireFox中类似 obj.style.height = imgObj.height 的语句无效 解决方法: obj.style.height = imgObj.height + 'px'; 20. IE,firefox以及其它浏览器对于 table 标签的操作都各不相同,在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,使用appendChile方法也不管用。 解决方法: //向table追加一个空行: var row = otable.insertRow(-1); var cell = document.createElement("td"); cell.innerHTML = " "; cell.className = "XXXX"; row.appendChild(cell); 21. padding 问题 padding 5px 4px 3px 1px FireFox无法解释简写, 必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px; 22. 消除ul、ol等列表的缩进时 样式应写成:list-style:none;margin:0px;padding:0px; 其中margin属性对IE有效,padding属性对FireFox有效 23. CSS透明 IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 FF:opacity:0.6。 24. CSS圆角 IE:不支持圆角。 FF: -moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。 25. CSS双线凹凸边框

版权声明:本文为博主原创文章,未经博主允许不得转载。

JS:区分 Chrome、Firefox、IE 浏览器类型和版本

JS:区分 Chrome、Firefox、IE 浏览器类型和版本
  • Silent_Paladin
  • Silent_Paladin
  • 2017年01月25日 20:45
  • 1383

&nbsp在IE和FireFox中显示不一致

在代码中为有关区块中的字设置字体即可,比如这里将上述需要格式化的“密 码”的字体设置为宋体: font-family :"宋体" ; 当然设置成其他字体,如楷体、...
  • huyuyang6688
  • huyuyang6688
  • 2014年08月20日 15:31
  • 2316

PC端各浏览器布局兼容问题【Chrome、Firefox、IE】——长期更新

1、Firefox、IE8下属性为“readonly”的表单元素获得焦点会有光标‘I’进去。解决办法:/(ㄒoㄒ)/~~2、IE不支持HTML5标签解决办法:CSS中添加如下代码main, nav, ...
  • Vivian_jay
  • Vivian_jay
  • 2017年03月11日 15:38
  • 1314

火狐和ie的区别

  • 2012年10月09日 16:42
  • 113KB
  • 下载

ajax中的IE和火狐的区别

  • 2014年06月17日 15:29
  • 2KB
  • 下载

IE和火狐的一些区别------解决兼容问题

最好都是能使用w3c的标准l来进行代码编写 这是ie 和ff 页面加载完后执行的事件 innerText在ff里没有这个属性,对应的属性是textContent 下面是判断是否是IE if(n...
  • ynztpwl
  • ynztpwl
  • 2011年04月21日 18:25
  • 836

火狐浏览器和IE的CSS区别

 本文向大家描述一下IE和火狐浏览器的CSS区别,主要包括DOCTYPE影响CSS处理和XHTML+CSS兼容性解决方案小集两大部分内容,希望本文介绍对你有所帮助。你对IE和火狐浏览器的CSS区别是否...
  • yolanda0zy
  • yolanda0zy
  • 2011年01月21日 16:43
  • 180

IE和火狐的一些区别------解决兼容问题

最好都是能使用w3c的标准l来进行代码编写 这是ie 和ff 页面加载完后执行的事件 innerText在ff里没有这个属性,对应的属性是textContent 下面是判断是否是IE if(navig...
  • RandomMe
  • RandomMe
  • 2015年01月16日 09:52
  • 181

火狐和IE下部分JS的区别

前些日子,一直奔波于这三种操作,想想以后会常用,干脆整理下来,供自己以后查看。也给大家分享一下!         以下面写出自己认为有用的操作和代码。        第一次在园里面写,肯定有很多不足够...
  • xiaoyatou_00
  • xiaoyatou_00
  • 2011年04月06日 16:49
  • 3751

IE和firefox火狐在JS、css兼容区别

IE和firefox火狐在JS、css兼容区别 1.firefox不能对innerText支持。 firefox支持innerHTML但却不支持innerText,它支持textContent来实...
  • wangemperor
  • wangemperor
  • 2012年09月19日 09:23
  • 1903
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IE和火狐的区别
举报原因:
原因补充:

(最多只允许输入30个字)