`
ross.geller
  • 浏览: 13192 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

父页面调用iframe里的js函数

阅读更多
前些天项目碰到这个问题,在ie下可以直接调用iframe里的js函数
如:
document.getElementById('iframedemo').targetfunction();
但是这段代码在firefox下报错,于是上google搜索,发现一个解决办法,在ie和firefox
下均工作正常,代码如下:
document.getElementById('iframedemo').contentWindow.demofunction();
其中iframedemo是iframe的id
分享到:
评论
2 楼 chenglnb 2012-07-19  
同问啊 大哥行行好啊
1 楼 253405050 2011-07-07  
谷歌浏览器用这段代码不行啊?请问怎么解决

相关推荐

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

    "iframe子父页面调用js函数示例" 在实际项目中,iframe 子父页面调用 js 函数...5. javascript 猎取 iframe 里页面中元素值的方法 6. JS 实现 iframe 跨页面调用函数的方法 7. JS 如何对 Iframe 内外页面进行操作总结

    在iframe中调用js父页面和子页面方法

    本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中,我们可以通过`<iframe>`标签来插入一个框架,例如: ```html <iframe src="child....

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

    与之相关的常见需求是实现子父页面之间的交互,例如调用JavaScript函数。本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中,要...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

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

    标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...

    父窗口调用iframe子窗口方法

    在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...

    iframe与父页面传值(方法互调)

    然而,当涉及到`iframe`与父页面之间的通信时,就需要用到一些特殊的方法来实现数据的传递和函数调用。本篇文章将深入探讨如何在`iframe`与父页面之间进行值的传递以及方法的互相调用。 首先,我们可以通过...

    Jquery调用iframe父页面中的元素及方法

    例如,如果父页面定义了一个名为"getHelloWorld"的函数和一个名为"hello"的变量,那么在iframe中可以通过以下方式调用: ```javascript parent.getHelloWorld(); // 调用父页面的方法 alert(parent.hello); // 弹出...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    同级iframe间的函数调用

    每个`iframe`可以读写这些存储,只要它们与父页面处于同一源。 ```javascript // 存储数据 localStorage.setItem('sharedKey', 'sharedValue'); // 读取数据 var sharedValue = localStorage.getItem('shared...

    iframe父页面与子页面互相调用

    ### Iframe父页面与子页面互相调用 在Web开发中,经常需要用到iframe来嵌套显示其他页面。本文将通过一个具体的示例介绍如何实现iframe中的父页面与子页面之间的互相调用,以及子页面中再嵌套iframe时的相关操作。 ...

    iframe弹出框遮罩父类页面

    4. **事件处理**:确保在父页面中,如果有需要与子页面进行交互的事件,例如关闭弹出框,可以使用JavaScript的`parent`对象来访问父页面的元素或函数,从而实现通信。 5. **布局与样式**:对于`layout.html`,可能...

    js实现iframe跨页面调用函数的方法

    在JavaScript中,实现iframe跨页面调用函数是一个常见的需求,特别是在构建复杂的Web应用程序时。当一个页面(父页面)嵌入了另一个页面(子页面)作为iframe时,有时需要在两个页面之间通信,调用各自的功能。下面...

    iframe调用父页面函数示例详解

    要使`iframe`能够调用父页面的函数,我们需要使用JavaScript的`window.parent`属性。这个属性引用了包含当前`iframe`的顶级窗口,也就是父页面的窗口对象。通过`window.parent`,我们就可以访问并执行父页面中的任何...

    js中iframe调用父页面的方法

    本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 ...

    jquery、js调用iframe父窗口与子窗口元素的方法整理.docx

    jquery、js调用iframe父窗口与子窗口元素的方法整理 在Web开发中,iframe是一个常用的技术,用于在一个HTML文档中嵌入另一个HTML文档。然而,在使用iframe时,经常会遇到一个问题:如何在iframe中访问父窗口的元素...

    js中iframe调用父页面的方法.docx

    在处理`iframe`时,经常需要进行父子页面间的交互,例如从`iframe`调用父页面的函数或传递数据。下面我们将详细介绍`js`中`iframe`调用父页面方法的相关知识点。 1. **基本调用方式** 在`iframe`中的页面,可以...

    js调用iframe实现打印页面内容的方法

    本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一:使用iframe实现区域打印 通过创建一个iframe元素,并将其添加到文档中,可以实现在一个隔离的环境中进行打印,这样做的好处是...

Global site tag (gtag.js) - Google Analytics