`

访问iframe里面的javascript函数、对象,兼容IE、Firefox

阅读更多
假如你当前主页面中嵌入了一个iframe,ID为:iframeid (很多网页内部弹出窗口也会使用iframe);
iframe里面定义了一个javascript函数,函数名为:myFunc;
需要在主页面调用iframe的这个函数,请参考:

1. 首先这么调用在任何浏览器下都不行,报告找不到函数的异常:
document.getElementById('iframeid').myFunc();

2.有人说,这么调用:
document.frames["iframeid"].myFunc();
在IE浏览器下面确实可以,但是在Firefox中没有document.frames对象,所以也不行

3.兼容IE和Firefox的调用方法:
document.getElementById('iframeid').contentWindow.myFunc();

IE6、IE7、FF3 测试都通过
分享到:
评论

相关推荐

    javascript在IE和Firefox中兼容性问题

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

    兼容IE和Firefox的javascript获取iframe文档内容的函数

    给定文件中提到的JavaScript函数getIframeContent()就是为了解决IE和Firefox在访问iframe内部文档内容时的兼容性问题。下面将详细阐述该函数实现的原理和细节: 首先,我们注意到函数getIframeContent()的定义,它...

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    "iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...

    js实现iframe框架取值的方法(兼容IE,firefox,chrome等)

    本文将详细介绍如何使用JavaScript在`iframe`框架中获取值,同时兼容IE、Firefox、Chrome等主流浏览器。 首先,我们需要理解`iframe`的基本结构。一个`iframe`标签通常包含`id`和`src`属性,`id`用于JavaScript访问...

    解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题

    ### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    在同域情况下的 Iframe 高度自适应实现代码中,我们定义了一个 JavaScript 函数 `SetCwinHeight`,该函数通过获取 Iframe 内部 `document.body.offsetHeight` 或 `document.body.scrollHeight` 属性来确定内嵌页面的...

    用js互相调用iframe页面内的js函数

    要注意的是,这种方法在IE6、Firefox3以及Chrome2.0等版本的浏览器中已经得到了支持,但不同的浏览器可能有不同的实现细节,因此在实际开发中需要进行充分的测试以确保兼容性。对于没有提及的浏览器版本,例如IE7,...

    解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题

    本文主要讨论的是一个特定的场景:在ExtJS框架下,使用Firefox浏览器时,如何解决关闭并重新打开窗口后,iframe中的JavaScript函数无法被访问的问题。这个问题在Internet Explorer和Google Chrome中并未出现,但在...

    让iframe自适应高度(支持xhtml)IE firefox兼容

    让iframe自适应高度(支持xhtml)IE firefox兼容 让iframe自适应高度是指在HTML文档中,使iframe的高度能够根据其内容自动调整,以适应不同浏览器和屏幕分辨率的需求。在本文中,我们将讨论如何使用JavaScript和...

    jquery通用的iframe弹层插件,兼容主流浏览器

    同时,为了达到“兼容主流浏览器”的目标,开发者可能采用了特征检测(feature detection)和渐进增强(progressive enhancement)等策略,确保在Firefox、Chrome、Safari、Edge和Internet Explorer等浏览器中都能...

    iframe自适应高度兼容各主流浏览器

    例如,IE浏览器需要特殊处理其边框和滚动条的高度,而Firefox浏览器需要对其高度进行特殊计算。 知识点4:JavaScript的事件处理 在实现iFrame的高度自适应时,需要使用JavaScript的事件处理来监听iFrame的加载事件...

    真正实现ajax上传文件 兼容IE6789火狐谷歌世界之窗

    在现代Web开发中,文件上传是一个常见的功能,但要实现跨浏览器兼容性,尤其是在旧版本的Internet Explorer(如IE6、IE7、IE8、IE9)以及Firefox、Chrome和世界之窗等其他浏览器上,可能面临一些挑战。Ajax上传文件...

    Javascript的IE和Firefox兼容性汇编(zz)

    ### JavaScript的IE与Firefox兼容性解决方案 #### 一、引言 随着Web技术的发展,JavaScript已成为前端开发不可或缺的一部分。然而,不同的浏览器对于JavaScript的支持程度各不相同,特别是Internet Explorer (IE) ...

    iframe子父页面调用js函数示例.docx

    这方法支持 IE 和 Firefox 浏览器。 iframe 父页面调用子页面 js 函数 在父页面中调用 iframe 子页面的 js 函数也非常简单。例如,要调用 iframe 子页面的 `b()` 函数,可以使用: ``` document.getElementById('...

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    本篇文章将详细介绍如何使用JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox等主流浏览器上的兼容性。 首先,我们来看关键的JavaScript代码。在`<body>`标签下,我们需要插入以下脚本: ```html ...

    JS实现pasteHTML兼容ie,firefox,chrome的方法

    本文将详细介绍如何使用JavaScript实现一个兼容IE、Firefox和Chrome的`pasteHTML`方法。 首先,我们要理解在不同浏览器中处理粘贴事件的方式: 1. **Internet Explorer (IE)**:在IE中,我们可以使用`document....

Global site tag (gtag.js) - Google Analytics