`

iframe子页面调用父页面javascript函数的方法

    博客分类:
  • js
阅读更多

1、iframe子页面调用 父页面js函数

子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数,就写成:

window.parent.a();

 

2、iframe父页面调用 子页面js函数

这个就稍微复杂一些,下面的方法支持ie和firefox浏览器:

document.getElementById('ifrtest').contentWindow.b();

 

 

原文网址:http://www.weste.net/2011/6-16/75537.html

分享到:
评论
1 楼 firstfall 2012-07-23  
错别字。。。window.praent.a();

相关推荐

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

    这些方法可以在实际项目中应用,例如在父页面中调用 iframe 子页面的 js 函数来实现某些操作,或者在 iframe 子页面中调用父页面的 js 函数来实现某些操作。 相关知识点 1. iframe 子父页面调用 js 函数的示例 2. ...

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

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

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

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

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

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

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

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

    父窗口调用iframe子窗口方法

    如果`iframe`加载的页面与父页面不在同一个域名下,由于浏览器的同源策略限制,直接访问`iframe`的内容可能会被阻止。这时,我们需要使用`postMessage`和`message`事件来进行跨域通信。例如,父窗口发送消息: ```...

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

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

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

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

    frame之间以及子页面和父页面间参数传递

    在提供的示例代码中,父页面和子页面分别使用了简单的JavaScript函数实现了相互之间的元素访问。这种直接访问DOM元素的方法简单直接,适合在同源策略允许的情况下使用。 - **父页面**: ```html 获取子页面文本" ...

    子页面和父页面的相互调用

    父页面可以访问IFrame内的`window.contentWindow`对象,子页面也可以通过`window.parent`调用父页面的方法。 例如,`parent.html`中: ```html <iframe id="myFrame" src="childPage.html"></iframe> var ...

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

    当一个页面(父页面)嵌入了另一个页面(子页面)作为iframe时,有时需要在两个页面之间通信,调用各自的功能。下面我们将详细介绍如何实现这一功能。 1. 父页面调用子页面的函数: 在`parent.html`(父页面)中,...

    frameset父页面和子页面的方法之间调用个属性的调用(页面上可以包含iframe)

    在标题和描述中提到的"frameset父页面和子页面的方法之间调用个属性的调用",涉及到的是跨框架通信的概念。当一个`frameset`中有多个`frame`或`iframe`时,它们之间可能需要进行数据交换或操作交互。这种交互可以...

    iframe弹出框遮罩父类页面

    6. **易于使用**:由于描述中提到,所有代码都在子页面内部,这意味着用户只需要在子页面中引入必要的JavaScript和CSS,然后调用相关的函数即可,无需修改父页面的代码,提高了代码的可维护性和复用性。 在提供的`...

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

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

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

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

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

    在这个场景下,涉及到的一个常见需求就是如何用JavaScript在主页面与`iframe`页面之间互相调用函数,以便于进行更复杂的交互。 标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面...

    同级iframe间的函数调用

    在Web开发中,`iframe`...以上就是同级`iframe`之间进行函数调用和数据交换的一些常见方法。在实际开发中,开发者需要根据项目需求和浏览器兼容性选择合适的技术。同时,注意处理好安全问题,避免被恶意代码利用。

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

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

Global site tag (gtag.js) - Google Analytics