`
zhaoImpulse
  • 浏览: 80545 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE和火狐的一些区别

 
阅读更多

1.  Iframe不显示问题

<iframe    id="rightFrame" width="100%" height="80%" frameborder="0" style="overflow-y:hidden;overflow-x:hidden;"/>

在火狐中无法识别width="100%" height="80%"这种百分比,所以会显示不出来

解决方法:一:width="800px" height="800px" 写死在页面上

二:

<body>

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

 <tr >

 <td>

            <td  vAlign="top">

                    <iframe id="rightFrame" width="100%" height="100%" scrolling="no" frameborder="0" style="overflow-y:hidden;overflow-x:hidden"/>

                </td>

            </tr>

 </table>

</body>

这样,在ie和火狐中都可兼容(注:table必须为body仅有的子元素,如果想在页面上加其它东西,可以在table里加)

2. 得到Iframe元素问题

iframe多层嵌套时,我们可以用id得到相应的iframe元素,比如

<iframe id=” rbp_content_iframe”><iframe id=” Content”></iframe></iframe>

ie中,可以用

         top.rbp_content_iframe.Content .location.reload() (top表示顶级元素)刷新iframe(Content);

在火狐中则要用

top.document.getElementById("rbp_content_iframe").contentWindow.getElementById("Content").contentWindow.location.reload();

两者兼容用

top.document.getElementById("rbp_content_iframe").contentWindow.document.getElementById("Content").contentWindow.document.location.reload();

3.  function$(obj){returndocument.getElementById(obj);}问题

通常我们要得到一个元素,就用document.getElementById(obj),但以前是使用上面的方式来简化得到的过程,这样再想得到一个元素,就用$(id)就可

但这种方式会用jquery的元素选择器起冲突,所以要把这种话删除,别把js文件中的$(id)全改成document.getElementById(id);这种形式,页面引用的其它js文件也可改才可以。

4. parentElement问题

在火狐中不支持parentElement,要兼容,则要用parentNode

5. lastChild问题

ie和火狐都可以用lastChild,但火狐中的lastChild判断比较严格,经常很多不是节点的元素比如文本甚至空格,都可能为lastChild,所以要想得到最后的文本,

         var last = labelObj.parentNode.parentNode.parentNode.lastChild;

              if(last.nodeType!=1) last = last.previousSibling;

这样加个判断即可

6. ActiveXObject问题

ActiveXObject只支持ie,当火狐用的时候就会报错,而以前用到的,都是var obj = new ActiveXObject("Scripting.Dictionary")这种形式,用来当作map对象存储东西,由于要兼容火狐,而javascript没有默认的map方法,现在我们使用一个用Array 写的map组件,路径为reportmis/mis2/gezComponent/js/jsMap.js,引入即可,该文件头的注释已经写明了该对象的使用方式,我们要用时

       var map = new Map();map.put(“ab”,2);

使用案例参照:数据管理中的数据别名管理reportmis\WebRoot\eds\js\aliasManager.jsreportmis\WebRoot\eds\dataTableManager\aliasManager.jsp

分享到:
评论

相关推荐

    js在IE和fireFox的区别

    以上是JavaScript在Internet Explorer (IE) 和 Firefox 中的一些主要区别及统一的解决方案。在进行跨浏览器开发时,理解这些差异至关重要,以便能够编写兼容性强且可靠的代码。此外,随着Web标准的发展,许多现代...

    在Firefox下直接调用IE浏览器(IETab这个插件).zip

    标题中的"IETab"是一个Firefox浏览器插件,它允许用户在Firefox中直接使用Internet Explorer(IE)的渲染引擎来打开网页。这个插件对于那些必须访问仅支持IE特性的网站的用户来说非常有用,因为某些老旧或特定的Web...

    javascript在IE和Firefox中兼容性问题

    本篇将主要探讨JavaScript在Internet Explorer (IE) 和Firefox之间的兼容性挑战,并通过给出的文件名列表解析这些测试用例所涉及的知识点。 1. **createDocument测试.html** 在IE和Firefox中,创建XML文档的方法...

    JavaScript在IE和Firefox(火狐)的不兼容问题解决

    标题与描述均聚焦于“JavaScript在IE和Firefox(火狐)的不兼容问题解决”,这表明文章旨在探讨并提供解决方案来处理在不同浏览器环境下的JavaScript兼容性问题,尤其是在Internet Explorer(IE)和Mozilla Firefox...

    mxGraph破解包含ie和firefox

    然而,由于浏览器之间的兼容性问题,mxGraph在某些老旧版本的Internet Explorer(IE)和Firefox上可能会遇到挑战。"mxGraph破解包含ie和firefox"的描述暗示了我们正在处理如何让mxGraph在这些特定浏览器上正常运行的...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    2. **居中对齐**:Firefox中,设置`div`的`margin-left`和`margin-right`为`auto`即可实现居中,但IE6和IE7需要通过设置`body`的`text-align`为`center`,然后让`div`的`margin`自动调整。 3. **高度和宽度的适应**...

    IE和firefox调试插件

    本文将详细介绍IE和Firefox浏览器的JavaScript、CSS、HTML调试插件,帮助你更好地理解和掌握这些工具。 首先,我们关注的是IE浏览器的调试插件。压缩包中的"IEDevToolBarSetup.msi"文件就是用于安装Internet ...

    Javascript的IE和Firefox(火狐)兼容性

    ### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器中的表现...

    让IE和火狐同时兼容

    特别是在早期的Web时代,Internet Explorer(简称IE)与Mozilla Firefox(简称火狐)这两款浏览器之间存在着显著的差异,这使得页面设计师不得不花费大量时间去解决它们之间的兼容性问题。本文将详细介绍如何使网站...

    IE与Firefox的事件区别

    在不同的浏览器环境下,事件处理的实现机制有所差异,尤其是在Internet Explorer(IE)和Firefox之间。本文将深入探讨这些差异,以帮助开发者更好地理解和解决跨浏览器的兼容性问题。 首先,我们要了解事件流的概念...

    js在IE和Firefox不同之处

    ### js在IE和Firefox不同之处 在Web开发中,JavaScript(简称JS)是实现网页交互性的核心语言之一。然而,由于不同的浏览器对于JS标准的支持程度有所差异,这往往会导致跨浏览器兼容性问题的出现。IE(Internet ...

    IE和Firefox对JavaScript的兼容

    再者,CSS样式和JavaScript的交互在IE和Firefox上也有区别。IE有时会忽视标准的style属性,而是使用专有的currentStyle属性来获取元素的样式,而Firefox使用window.getComputedStyle()。此外,对于某些CSS属性,如...

    Firefox IE Tab

    "Firefox IE Tab"是一款专为火狐浏览器设计的扩展,它允许用户在Firefox中以Internet Explorer内核的方式浏览网页。这个扩展对于那些需要在不同浏览器环境中测试网站兼容性的开发者或者经常在两个浏览器间切换的用户...

    Ie和firefox的Js区别

    JavaScript是一种广泛用于网页开发的脚本语言,它在不同的浏览器中有不同的实现,其中最显著的区别在于Internet Explorer(IE)和Mozilla Firefox(Firefox)。以下是一些关键的区别点: 1. **对象问题** - **...

    Javascript的IE和Firefox兼容性参考

    以下是一些常见的JavaScript在IE和Firefox中的兼容性问题及解决方案: 1. **document.form.item问题** - 在IE中,可以通过`document.formName.item("itemName")`来访问表单元素,但在Firefox中不支持。推荐使用...

    IE和火狐的区别

    标题 "IE和火狐的区别" 涉及到的是两种著名的网页浏览器——Internet Explorer(简称IE)和Mozilla Firefox(简称火狐)之间的差异。这两款浏览器在互联网发展史上都有着重要的地位,但它们的设计理念、技术实现和...

    IE和Firefox差异参考大全

    在互联网的早期,IE(Internet Explorer)和Firefox(火狐浏览器)是两个主要的Web浏览平台,它们在处理CSS(层叠样式表)和JavaScript方面存在显著的差异。这些差异对于开发者来说至关重要,因为它们影响了网站在...

    多浏览器下IE6 IE7 firefox li 间距问题

    ### 解决多浏览器下IE6、IE7及Firefox中`&lt;li&gt;`元素间距兼容...通过以上方法,我们可以有效地解决多浏览器下尤其是IE5、IE5.5、IE6、IE7及Firefox中`&lt;li&gt;`元素间距兼容性问题,确保页面在各种浏览器中的一致性和美观性。

Global site tag (gtag.js) - Google Analytics