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小课堂之如何演奏刮弦

    每当我们听到吉他现场演出的时候,看到吉他手在激烈的刮弦时,都觉得很酷,非常有感染力.刮弦在我们弹吉他或编曲时,会经常用到,虽然时间很短,但会为你加分不少. 那么我们应该如何演奏刮弦呢,我们先用E5和弦 ...

  2. ABBYY FineReader 15新增编辑页面布局功能

    ABBYY FineReader 15(Windows系统) 新增编辑页面布局功能,允许用户修改PDF数字文档的页面布局,包括添加或者删除文字段落,文字块以及图片,更改段落,文字块,图片位置.添加或者 ...

  3. guitar pro系列教程（十二）：如何设置Guitar Pro的不完全小节

    当我们新建一个GTP谱的时候,我们肯定是要用到节拍,是的,一个乐谱节拍设置的好不好,将直接影响你的乐谱效果好不好,设置节拍的步骤我们之前也有讨论过,今天主要跟大家讲的便是不完全小节. 不完全小节顾名思 ...

  4. webgl智慧楼宇发光效果算法系列之高斯模糊

    webgl智慧楼宇发光效果算法系列之高斯模糊 如果使用过PS之类的图像处理软件,相信对于模糊滤镜不会陌生,图像处理软件提供了众多的模糊算法.高斯模糊是其中的一种. 在我们的智慧楼宇的项目中,要求对楼宇 ...

  5. PHP后台基本语法使用笔记

    1. PHP中报500错误时如何查看错误信息 //将如下的代码放入PHP的文件中ini_set("display_errors","On"); error_re ...

  6. Centos7配置阿里epel源|yum源

    这一步非常重要.重要.重要.在这解释一下源的概念,打个比方如果手机想获取一个软件,可以选择很多途径,如华为的华为商店,小米的应用商店,苹果的App store,源就相当于各种手机获取软件的商店.因为国 ...

  7. 第7.12节 可共享的Python类变量

    第7.12节 可共享的Python类变量 一.    引言 在上节已经引入介绍了类变量和实例变量,类体中定义的变量为类变量,默认属于类本身,实例变量是实例方法中定义的self对象的变量,对于每个实例都 ...

  8. Python中__new__方法为什么有人说是构造方法？有什么作用？

    __new__方法是Python新式类引入的,通常用于控制生成一个新实例的过程.它是类级别的静态方法,是在创建实例对象前执行,如果自定义类中没有重写该方法,则Python自动调用父类的方法,当所有父类 ...

  9. PyQt（Python+Qt）学习随笔：model/view架构中的排序和代理模型QSortFilterProxyModel

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.概述 在Model/View体系架构中,有两种方法可以进行排序:选择哪种方法取决于底层模型. 如 ...

  10. 第15.12节PyQt(Python+Qt)入门学习：可视化设计界面组件布局详解

    一.引言 在Qt Designer中,在左边部件栏的提供了界面布局相关部件,如图: 可以看到共包含有四种布局部件,分别是垂直布局(Vertical Layout).水平布局(Horizontal La ...