`

document.frames不兼容火狐的问题

 
阅读更多

 

document.frames不兼容火狐的问题

获取页面中嵌入的iframe的对象时,使用document.frames('testFrame').document或者document.frames['testFrame']来获得id为testFrame的iframe的DOM对象时,用火狐调试的时候,提示document.frames is not a function,因此火狐是不支持document.frames,该获取iframe的dom对象的方法只适用于IE浏览器,如何在火狐浏览器下获得iframe的对象,可以使用以下方法:

document.getElementById('iframeid').contentWindow     获取的是window对象,

document.getElementById('iframeid').contentWindow.document     获取的是window对象的DOM对象。

 

 

js/jquery中刷新iframe方法(兼容主流)

 

一。js实现刷新两种方式:

  1. //方法1
  2. document.getElementById('FrameID').contentWindow.location.reload(true);
  3. //方法2
  4. document.getElementById('youriframe').src=src;

 

实例:

 

  1. <iframeid="myframe"width="100%"frameBorder="0"src="test.html"scrolling="no"></iframe>
  2. <inputtype="button"onclick="javascript:refreshFrame();"value="Refresh Frame"/>
  3.  
  4. <scripttype="text/javascript">
  5. <!--
  6. function refreshFrame(){
  7.     document.getElementById('myframe').contentWindow.location.reload(true);
  8. }
  9. //-->
  10. </script>

 

二。jquery实现强制刷新

 

  1. $('#iframe').attr('src', $('#iframe').attr('src'));

总结:网上一大堆document.frames('ifrmname').location.reload()已经不能用了

分享到:
评论

相关推荐

    document.frames在非IE浏览器中的解决办法

    然而,在实际应用过程中发现,`document.frames`这一属性在Internet Explorer(IE)浏览器中可以正常工作,但在其他非IE浏览器如Chrome、Firefox等中却无法正常使用。这主要是因为`document.frames`是IE特有的非标准...

    Javascript的IE和Firefox兼容性汇编 .txt

    ### JavaScript的IE与Firefox兼容性问题详解 #### 引言 在Web开发中,确保脚本能在不同浏览器间正常运行是非常重要的。特别是对于早期版本的Internet Explorer (IE) 和 Firefox (MF),由于它们对JavaScript的支持...

    javascript在IE和Firefox中兼容性问题

    在IE中,可以通过`window.frames`或`parent.frames`访问iframe或frame的内容,而在Firefox中,通常使用`contentWindow`或`contentDocument`属性来访问。 4. **设置元素文本内容测试.html** IE支持`innerText`属性...

    java火狐浏览器兼容

    为了解决这个问题,应当改用`document.formName.elements["elementName"]`来获取表单元素,这种方法在Firefox中是支持的。 其次,集合类对象的使用也是一个兼容性问题。例如,使用圆括号`()`来访问集合在IE中可行,...

    Firefox与IE浏览器的javascript兼容性问题

    JavaScript 是一种广泛应用于网页开发的脚本语言,它在不同的浏览器上可能存在兼容性问题,特别是老版本的 Internet Explorer (IE) 和 Mozilla Firefox (MF)。本文将深入探讨这两个浏览器之间的 JavaScript 兼容性...

    Javascript的IE和Firefox兼容性.doc

    JavaScript是一种广泛应用于网页和网络应用的脚本语言,它在不同的浏览器中可能存在兼容性问题,尤其是Internet Explorer(IE)和Firefox。这些差异主要源于不同浏览器对JavaScript标准的实现不一致。以下是一些常见...

    javascript的IE和Firefox兼容性汇编

    - **现有问题**:代码中存在大量使用 `document.formName.item("itemName")` 的语句,这种写法在 Mozilla Firefox(简称MF)浏览器下无法正常工作。 - **解决方法**:替换为 `document.formName.elements[...

    iframe框架\JS获取iframe元素

    #### 四、兼容IE与Firefox的方法 为了兼容不同的浏览器,可以采用`contentWindow`方法,因为它是大多数浏览器共同支持的一种方式。 #### 五、重写`iframe`里的内容 除了简单的元素操作外,还可以利用`designMode`和...

    iframe自适应高度(兼容多种浏览器)

    这里所说的“多种浏览器”包括但不限于Chrome、Firefox、Safari、Edge以及Internet Explorer等主流浏览器。此外,该解决方案还需要通过实际测试验证其有效性。 #### 二、技术原理 要实现`iframe`自适应高度,关键...

    Javascript在IE和Mozilla中的兼容性问题.doc

    然而,由于不同浏览器对JavaScript的支持程度和实现方式存在差异,尤其是在早期版本的Internet Explorer(IE)和Mozilla Firefox(MF)之间,开发者经常遇到兼容性问题。以下是一些常见的JavaScript在IE和MF中的兼容...

    前端设计IE6IE7IE8IE9FF问题汇总IE和FirFox兼容问题[参照].pdf

    8. **关于frame问题**:在IE中,可以通过`window.testFrame`获取frame对象,但在Firefox中需要通过`window.top.frameName`或`window.top.frames["frameName"]`来访问。如果frame设置了`id`和`name`,IE允许通过`id`...

    IE与FF脚本兼容性问题

    本文主要探讨Internet Explorer(简称IE)与Mozilla Firefox(简称FF或MF)之间在JavaScript脚本执行时存在的兼容性问题。这些问题涉及到文档对象模型(DOM)操作、事件处理等多个方面,对于开发跨浏览器兼容的应用...

    js在火狐和IE浏览器的差异

    JavaScript在不同浏览器上可能存在一些兼容性问题,尤其是火狐(Firefox)和Internet Explorer(IE)之间。以下是一些主要的差异及其解决方案: 1. **`document.form.item` 问题** - 在IE中,可以使用`document....

    浏览器兼容性问题大汇总

    - 切换 frame 内容:在 IE 和 Firefox 中,都可以通过 `window.document.frames["frameName"].document` 或 `window.frames["frameName"].document` 来切换 frame 内容。 4. CSS 问题: - `cursor:hand` 与 `...

    js兼容性的16个小问题

    - 在IE中,可以通过`window.testFrame`访问frame,但在Firefox中,需要使用不同的方法,可能需要使用`window.frames["testFrame"]`或`document.getElementsByTagName("frame")[0]`等。 9. **event.layerX**: - `...

    iframe高度自适应,多浏览器兼容

    3. **Firefox**:Firefox通常能较好地处理`iframe`,但在某些情况下可能需要处理异步加载的内容,这时可以使用`MutationObserver`来监听`iframe`内容的变化。 4. **Chrome/Safari**:现代浏览器一般都能很好地支持`...

    javascript浏览器兼容手册

    - **Firefox (FF)**: 使用 `document.formName.elements["elementName"]` 访问表单元素。 2. **通过名称获取表单元素** - **IE**: 可以使用 `document.getElementsByName("inputName")(1)` 来获取表单元素。 - ...

    浏览器兼容页面开发注意事项(javascript篇)_101028分享.pdf

    1. **document.form.item** 问题:在早期版本的IE中,可以通过`document.form.item(name)`来访问表单元素,而在其他浏览器如Firefox、Chrome等,推荐使用`document.forms[formName].elements[itemName]`。...

Global site tag (gtag.js) - Google Analytics