`
lhx1026
  • 浏览: 306749 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

解决Firefox不支持Js的InnerHtml问题

阅读更多

    由于W3C标准对Javascript语法进行了规范,即ECMAScript。而Firefox严格遵守ECMAScript规范,所以对 javascript一些属性和方法不支持(其实不能说是Firefox不支持,而是对不规范的写法不支持,符合标准的写法还是支持的),Firefox 希望程序设计师都采用规范的ECMAScript标准来书写代码,这样一些适应传统习惯的IE下的写法就会撞到很多的问题。

 

比如利用JS的InnerHtml属性动态替换广告代码的写法就在Firefox浏览器下不支持了。

原来的代码如下:

 

<span id="ad_1"></span>
<SPAN id="ad_11" style="visibility:hidden;">
<script language="JavaScript" src="/js/ad_1.js"></script>
</SPAN>
<SCRIPT>ad_1.innerHTML=ad_11.innerHTML;ad_11.innerHTML="";</SCRIPT>

 

上面的代码在IE、chrome等浏览器下可以被正确的执行替换,而在Firefox下就不能。其实解决方法也很简单,就让我们按照ECMAScript 规范写代码即可。上面的代码修正为下面的即可:

 

<span id="ad_1"></span>
<SPAN id="ad_11" style="visibility:hidden;">
<script language="JavaScript" src="/js/ad_1.js"></script>
</SPAN>
<SCRIPT>document.getElementById("ad_1").innerHTML=document.getElementById("ad_11").innerHTML;document.getElementById("ad_11").innerHTML="";</SCRIPT>

 

不要直接使用DIV或SPAN的id,而是通过 document.getElementById("div_id") 来执行替换即可。另 外,Firefox是不支持 innerTEXT 属性的。

分享到:
评论

相关推荐

    解决ajax返回innerHTML中javascript不能运行问题

    但是令人头痛的是 Firefox 的标准总是和 IE 有着各种各样的不同,由于 FF 不支持 `defer`,所以使得开发者不得不另辟蹊径来解决这个问题。 实际上,我们可以在 Ajax 返回数据并 `innerHTML` 到模板之前先把 `&lt;div&gt;`...

    解决Firefox下outerHTML不支持问题

    标题"解决Firefox下outerHTML不支持问题"提示我们关注的是如何在Firefox中使用或模拟这个功能。 在Firefox中,如果尝试直接使用`element.outerHTML`,可能会遇到返回`null`或者不工作的情况。这是因为Firefox早期...

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

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

    Javascript在IE和FireFox中的兼容处理

    - IE支持`document.all`来获取所有元素,Firefox则不支持。应优先使用`document.getElementById`或`querySelector`等标准方法。 4. **input的type属性问题** - 不同浏览器对某些HTML5新类型的输入框支持不同,如`...

    js在IE与firefox的差异集锦

    Firefox浏览器不支持innerText属性,而支持textContent属性。在使用innerText时,Firefox会保留字符串中的所有空格,而textContent则不会。如果不需要保留空格,可以通过textContent来实现innerText的功能。如果字符...

    javascript在IE和Firefox中兼容性问题

    本文将深入探讨在IE和Firefox中常见的JavaScript兼容性问题,旨在帮助开发者了解并解决这些差异带来的挑战。 #### 一、DOM元素获取的兼容性差异 1. **`document.all`与`document.getElementsByName`和`...

    js兼容chrome、firefox复制、粘贴

    Firefox并不支持`execCommand()`,因此我们需要引入外部库ZeroClipboard。这个库使用Flash技术,通过模拟用户的鼠标和键盘操作来实现跨浏览器的复制功能。首先,你需要在HTML文件中引入ZeroClipboard.js和...

    解决Firefox下不支持outerHTML问题代码分享

    本文主要讨论的是如何解决Firefox浏览器不支持`outerHTML`属性的问题。`outerHTML`是Internet Explorer(IE)特有的一个属性,它允许开发者获取或设置一个元素及其所有子元素的HTML表示形式。然而,Firefox和其他...

    Firefox和IE兼容参考

    在网页开发过程中,Firefox(火狐浏览器)和Internet Explorer(IE浏览器)的兼容性问题一直是一大挑战。这两个浏览器在解析HTML、CSS以及JavaScript时有着不同的实现方式,导致某些代码在Firefox下正常运行,但在IE...

    Javascript在IE和FireFox中的不同表现

    因此,一些非标准的JScript特性可能在Firefox中不被支持。 - `window.attachEvent`是IE特有的事件绑定方式,而Firefox使用`addEventListener`。 2. **DOM操作差异**: - IE中的`innerHTML`属性可以用来设置或获取...

    IE和Firefox的Javascript兼容性总结[定义].pdf

    JavaScript兼容性问题一直以来都是Web开发中的重要议题,尤其是在IE与Firefox之间。这两个浏览器对JavaScript的实现存在诸多差异,导致开发者需要进行额外的工作以确保代码在各个浏览器上的表现一致。以下是一些关键...

    IE和Firefox差异参考大全

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

    firefox和IE系列的相关区别整理 以备后用

    - IE使用AlphaImageLoader滤镜来实现PNG透明,如`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`,而Firefox则不支持这种滤镜,而是直接支持PNG8和PNG24格式的透明效果。 2. `innerText`与`...

    js做的购物车,纯js,支持ie/firefox,

    本项目是一个基于JavaScript实现的购物车功能,适用于Internet Explorer(IE)和Firefox等主流浏览器,它不依赖服务器端的支持,从而降低了对服务器空间的需求。 首先,我们要了解JavaScript购物车的基本原理。在纯...

    IE和FIREFOX的JAVASCRIPT兼容性总结.pdf

    以下是针对IE和Firefox的主要兼容性问题的详细解释和解决方案: **一、函数和方法差异** 1. **getYear()方法** - 在IE中,`getYear()`返回的是相对于1900年的年份,例如2010年会返回"2010"。而在Firefox中,它...

    IE与FireFox的js和css几处不同点

    - Firefox不支持`innerText`,但提供`textContent`,它会保留所有空白字符。如果不需要处理HTML,可以使用`innerHTML`代替。 2. **禁止选取内容**: - IE使用JavaScript的`onselectstart`事件处理函数,如`obj....

    IE与FireFox的JavaScript兼容问题解决办法

    本篇文章主要讨论了在IE和FireFox这两种主流浏览器间,JavaScript编程中常见的兼容性问题以及相应的解决办法。 首先,动态删除table中的某一行是常见的需求。在IE浏览器中,可以直接使用`table.deleteRow(k)`方法...

    IE、火狐兼容性问题

    本文主要探讨的是IE(Internet Explorer)与火狐(Firefox)这两种浏览器在JavaScript编程中所遇到的一些常见兼容性问题,并提出相应的解决方案。 #### 二、关键兼容性问题及解决方法 ##### 1. 获取DOM元素的方式 ...

    javascript option onclick事件ie解决方案 兼容ie,firefox

    在本文中,我们讨论了如何解决 JavaScript Option onclick 事件在 IE 浏览器中的问题,并实现了兼容 IE 和 Firefox 浏览器的解决方案。通过使用 JavaScript 事件模型和事件监听器,我们可以正确地捕捉 Option 元素的...

Global site tag (gtag.js) - Google Analytics