`
Lives
  • 浏览: 201340 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论
阅读更多

父页面/子页面相互调用关系(三种情况):

 

1.父页面采用window.open()方式打开子页面

【父页面调用子页面】

var child = window.open(); // child为子页面对象

child.method(); // method为子页面方法

【子页面调用父页面】

window.opener.method(); // opener为父页面对象,method为父页面方法

 

2.父页面采用window.showModalDialog()方式打开子页面

【父页面调用子页面】

父页面只能取到子页面的返回对象

(父)var child = window.showModalDialog(url); // child为子页面关闭后返回给父页面的对象

(子)window.returnValue= obj; // obj为返回给父页面的对象

【子页面调用父页面】

window.dialogArguments.obj; // obj为父页面对象

window.dialogArguments.method(); // method为父页面方法

 

3.父页面潜入iframe方式(<iframe src="child.html" name="childFrame" width="100" height="100" />)

【父页面调用子页面】

childFrame.method(); // childFrame为iframe的name,method为子页面的方法

【子页面调用父页面】

window.parent.method(); // method为父页面方法

 

 

 

 

分享到:
评论

相关推荐

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

    1. 同源情况下,子页面调用父页面方法: ```javascript parent.parentFunction(); ``` 这里的`parent`是子页面对父页面的引用,`parentFunction`是父页面的全局函数。 2. 不同源情况下,使用`postMessage`和`...

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

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

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

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

    浅谈js中子页面父页面方法 变量相互调用

    (1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名 window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 ...

    mui-子页面调用父页面方法

    MUI: 最接近原生APP体验的高性能前端框架... 可从https://www.dcloud.io下载Hbuilder,选择新建“移动APP”,并选择“Hello MUI”工程模板,创建工程;然后通过数据线

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

    iframe 子页面调用父页面 js 函数 在 iframe 子页面中调用父页面的 js 函数非常简单,只需要使用 `window.parent` 对象。例如,要调用父页面的 `a()` 函数,只需要写成: ``` window.parent.a(); ``` 如果要在 ...

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

    在Web开发中,子页面和父页面的交互是常见...在`parent.html`和`childPage.html`中,你可以结合这些技术实现子页面调用父页面的方法,或者父页面向子页面传递数据。记得在实际应用中考虑到安全性、性能和兼容性等问题。

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

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

    用户控件与父页面及相互间方法调用和属性访问

    用户控件与父页面及相互间方法调用和属性访问 用户控件开发中,实现控件与父页面及相互间方法调用和属性访问是一项非常重要的技术。本文将详细介绍用户控件调用父页面的方法、用户控件与用户控件之间的方法调用、...

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

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

    父子页面相互调用总结

    例如,子页面可以修改父页面的某个变量或者调用父页面的函数。这种方式灵活且广泛适用,但需注意跨域安全问题。 `showModalDialog`与`showModelessDialog`类似,也是IE特有功能,用于打开一个模态对话框,即用户...

    父窗口与子窗口间的调用

    子窗口可以直接修改父窗口的属性或调用其方法来传递数据。 示例代码: ```javascript function sendDataToParent() { window.opener.someFunctionInParent(this.value); } ``` ##### 2. 通过事件监听器传递 可以...

    js中iframe调用父页面的方法

    子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 代码如下:window.parent.a(); 但是我在chrome浏览器下却发现此...

    父窗口调用iframe子窗口方法

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

    JS子窗口调用父窗口

    ### JS子窗口调用父窗口的关键知识点 #### 一、基本概念 在JavaScript中,有时我们需要从一个子窗口(通常是通过`window.open()`方法打开的新窗口)与父窗口(即打开该新窗口的原始窗口)之间进行交互。这种交互...

    JS子页面掉父页面

    综上所述,JavaScript子页面调用父页面主要依赖于`window.parent`、`window.postMessage`、`window.location`、`window.history`以及事件监听等方法。这些技术在实现跨页面通信、数据交换、页面控制等方面具有重要...

    webfrom-父页面调用子页面的方面,刷新列表.pdf

    Response.Write("[removed]alert&#40;'更新成功!'&#41;[removed]"); Response.Write("[removed]window.close();[removed]"); Response.Write("[removed] window.opener.getInfo();[removed]");...

    html 模态窗口子窗体调用父窗体的任何函数

    为了实现子窗体调用父窗体的函数,我们需要以下步骤: 1. **定义函数**:在父窗口的JavaScript代码中,首先定义我们需要被调用的函数。例如,我们可以有一个名为`parentFunction`的函数: ```javascript function ...

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

    本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中,要调用父页面的JavaScript函数,可以使用`window.parent`对象来引用父窗口。...

    demo_DEMO_子页面刷新父页面iframe_

    标题“demo_DEMO_子页面刷新父页面iframe_”暗示我们关注的焦点是关于如何在子页面中触发父页面的刷新操作,特别是在一个IFrame上下文中。下面将详细探讨这个主题。 首先,我们需要了解IFrame(内联框架)的基本...

Global site tag (gtag.js) - Google Analytics