IE其实相对来讲并不是规范的遵循者，错怪firefox了。

2020注：IE看来要退出市场了，这些也逐渐成为历史了。：）

1firefox不支持iframe.document, 而IE支持，所以对firefox使用contentDocument

//firefox and IE is different
        var ddoc = menuIFrame.contentDocument||menuIFrame.document;

2 firefox不支持使用document.parent, 而IE可以。在firefox中直接使用parent.document

//document.parent.document shall not work in firefox!
                    parent.document.all.item("main").src = _this.items[this._index].url;

3 firefox不支持 document.all, 而IE支持， firefox 使用： d.getElementsByTagName("*")

4 光标下划线，如果超链接在firefox中默认有下划线，在windows中没有。

统一使用： TEXT-DECORATION: none;

5 firefox光标显示小手， 需要使用cursor:pointer, 而IE则是cursor:hand或者sursor:pointer都可以。

方案： style="cursor:pointer"

6 ul,li中css不起作用。主要用作tab页设计的那个，问题是css层级，标识符继承无效。 如：.a.b.c, 如果在b和c中有其他的id，则无效。 直接.c可以

7 css "margin:0 auto"， div在IE下不对中， 解决方案，把如下放到页面头部。

<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

8 关于event， firefox不支持window.event, 用如下办法解决兼容问题； firefox不支持srcElement， IE不支持target

document.all(trname).style.display = displayTag;
    eve=arguments.callee.caller.arguments[0] || window.event;
    var srcele = eve.srcElement?eve.srcElement:eve.target;

9关于style.display属性。

style.display="block"中Firefox不好使， 如果同时兼容IE和Firefox, 则需要：

style.display=""

style.display="table-row" <- 注意只是针对table

10 form在IE中的留白

style="margin:0; padding:0;" 加入这个会将留白去掉，与firefox保持一致。

11 input file onpropertychange is not supported by firefox

    if(navigator.userAgent.indexOf("MSIE")>0){

        document.getElementById('docID_1').attachEvent("onpropertychange",GetData);

    }else {

        document.getElementById('docID_1').addEventListener("input",GetData,false);

    }

Javascript之Firefox与IE的更多相关文章

  1. firefox插件Firebug的使用教程

    什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求.要写出漂亮的HTML代码:要编写精致的CSS样式表展示每个页面模块:要调试 javascript给页面增加一 ...

  2. 动态加载js和css

    开发过程中经常需要动态加载js和css,今天特意总结了一下常用的方法. 1.动态加载js 方法一:动态加载js文件 // 动态加载js脚本文件 function loadScript(url) { v ...

  3. IE, FF, Safari前端开发常用调试工具

    一些前端开发 IE 中的常用调试工具: Microsoft Script Debugger —— Companion.JS need to install this Companion.JS —— J ...

  4. CSS优先级、引入方式、Hack

    优先级 important > 内联(1,0,0,0) > id(1,0,0) > class(1,0) > element(1) > *通配符 css引入方式 方式一: ...

  5. js实用方法记录-js动态加载css、js脚本文件

    js实用方法记录-动态加载css/js 附送一个加载iframe,h5打开app代码 1. 动态加载js文件到head标签并执行回调 方法调用:dynamicLoadJs('http://www.yi ...

  6. WEB常用前端开发调试工具介绍

    只要是设计开发,就需要进行调试,尽管相对来说,前端的调试要简单一些,但使用一些调试工具或插件还是能提高你的工作效率.下面是一些主要用于IE浏览器环境和Firefox浏览器环境等的调试工具简介. 一.I ...

  7. 史上最全的浏览器 CSS & JS Hack 手册

    浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异.因此,浏览器兼容成为前端开发人员的必备技能.如果有一份浏览器 Hack 手册,那查询起来就方便多了.这篇文章就向 ...

  8. 【Coursera】Internet History 小结

    前言 终于看完了接近一半课程的 History 的内容. 在这两周的时间里面,了解了互联网的起源,发展,以及现在互联网的情况.听了许多故事,有让人会心一笑的,也有令人感慨万千的.见到了许多令人景仰的科 ...

  9. 【Coursera】Fourth Week(2)

    Netscape JavaScript and Firefox 当Microsoft收购Netscape失败之后: JavaScript 创造并用于与 Visual Basic 竞争(1995). N ...

随机推荐

  1. 在Guitar Pro中如何调节拍

    编辑一首曲子的时候,曲子的节奏往往是很重要的,那节奏一般是怎样设置的呢,在{cms_selflink page='index' text='Guitar Pro'}中,一般是通过调节节拍来完成的,很多 ...

  2. FL Studio中如何制作和混音Dutch Lead（上）

    Dutch Lead是电子音乐类型Dutch House以及Bigroom House中常用的Lead音色,这一篇文章中我将从制作和混音两方面来讲解Dutch Lead. (一).Dutch Lead ...

  3. GIF图保存下来不会动？用Folx的浏览器捕获下载功能试试！

    表情包大多是GIF格式的动图,有时候使用浏览器的另存为保存完发现并不能动态播放,怎么办呢?试试Folx提供的浏览器捕获下载功能,就能将各种格式的图片,包括GIF动图的下载链接捕获下来,供进一步下载使用 ...

  4. linkedin第三方登陆

    到linkedin注册成为开发者:https://developer.linkedin.com/zh-cn 成功后,创建应用,填写重定向地址,得到appid和appkey 使用这个sdk https: ...

  5. Spring5.0源码学习系列之Spring AOP简述

    前言介绍 附录:Spring源码学习专栏 在前面章节的学习中,我们对Spring框架的IOC实现源码有了一定的了解,接着本文继续学习Springframework一个核心的技术点AOP技术. 在学习S ...

  6. centos8 yum 升级nginx

    原文地址:https://blog.csdn.net/lpwmm/article/details/105627476 CentOS8的Yum仓库中内置的nginx版本是1.14.1,最近漏扫提示需要升 ...

  7. QQ账号测试用例

  8. Codeforces Round #670 (Div. 2) D. Three Sequences 题解(差分+思维+构造)

    题目链接 题目大意 给你一个长为n的数组a,要你构造一个非严格单调上升的数组b和一个非严格单调下降的数组c,使得\(b_i+c_i=a_i\) 要你使这两个数组b,c中最大的元素最小,还有q次修改(q ...

  9. C语言讲义——指针(pointer)

    指针是C语言最重要的特性之一, 也是最容易被误解的特性之一. 现代计算机把内存分割为字节(Byte), 每个字节都有唯一的地址(Address), 如果内存中有n个字节,可以把地址看做0~n-1的数. ...

  10. Java基础教程——二维数组

    二维数组 Java里的二维数组其实是数组的数组,即每个数组元素都是一个数组. 每个数组的长度不要求一致,但最好一致. // 同样有两种风格的定义方法 int[][] _arr21_推荐 = { { 1 ...