`

【转】javascript中父、子页面间调用

    博客分类:
  • js
js 
阅读更多

这段时间一个项目大量使用到了JS,虽然自己以前有所了解、也很感兴趣,可毕竟没做过什么项目,趁此机会,终于对JS算有了实战了(公司知道了可不爽了)。趁今天有点儿空,写下来,怕时间长了,又忘了。 这次主要谈谈父子页面间的调用。

父页面调用子页面,目前我知道有三种,以后知道了再补充

第一种:采用window.open(),打开一个新窗口

第二种:采用嵌入frame式调用,比如:

      <iframe src="/**.jsp" width="100%" height=100% name="mapFrame"></iframe>

第三种:采用window.showModalDialog(),打开一个新窗口

       showModalDialog('/window.jsp', window,'dialogHeight:300px;dialogWidth:600px;status=off');

对第一情况,父子页面间的处理:

      父页面调用子页面

           子页面用window.open打开,调用方法为

            var aa = window.open();

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

      子页面调用父页面

             window.opener . parent ()  // window.opener 实际上就是通过window.open打开的窗体的父窗体。

对第二情况,父子页面间的处理:

      父页面调用子页面

            mapFrame. child ();//mapFrame为父页面中frame的name值,child()子页面中方法

      子页面调用父页面

            Window.parent. parent ()

对第三情况,父子页面间的处理:

      父页面不能调用 子页面的方法

      子页面调用父页面

             window.dialogArguments. parent ();

 

转自:http://www.360doc.com/content/11/0525/17/6161903_119333834.shtml

分享到:
评论

相关推荐

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

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

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

    总结,`iframe`中的JavaScript交互涉及到页面间的通信,无论是父页面调用子页面还是子页面调用父页面,都需要理解`window`对象、同源策略以及跨域通信机制。正确使用这些技术,可以在多页面应用中实现更复杂的功能...

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

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

    javascript中showModalDialog子页面值赋给父页面

    总结一下,要在JavaScript中使用`showModalDialog`将子页面的JSON值赋给父页面,你需要在子页面中收集并序列化数据,然后设置`window.returnValue`。父页面通过调用`showModalDialog`函数,接收返回值并进行反序列化...

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

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

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

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

    父窗口与子窗口间的调用

    ### 父窗口与子窗口间的调用及值的传递 在Web开发中,经常会遇到需要在父窗口和子窗口之间进行数据交换的情况。本文将详细介绍如何使用JavaScript实现父窗口与子窗口之间的调用以及值的传递。 #### 一、基本概念 ...

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    JavaScript实现IFrame子窗口调用父窗口的全局变量

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

    本文将通过一个具体的示例介绍如何实现iframe中的父页面与子页面之间的互相调用,以及子页面中再嵌套iframe时的相关操作。 #### 1. 基本概念 首先我们需要了解几个基本的概念: - **父页面(Parent Frame)**:指...

    demo_DEMO_子页面刷新父页面iframe_

    1. **使用window.parent对象**:在子页面的JavaScript代码中,我们可以访问到`window.parent`对象,它是对父窗口的引用。因此,可以直接调用`window.parent.location.reload()`来刷新父页面。这种方法简单直接,但...

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

    ### Frame之间及子页面与父页面间的参数传递 在Web开发中,特别是在使用JSP(Java Server Pages)技术时,经常需要实现不同`frame`之间的数据交互或子页面与父页面之间的参数传递。这种功能在实际应用中非常常见,...

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

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

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

    1. **定义函数**:在父窗口的JavaScript代码中,首先定义我们需要被调用的函数。例如,我们可以有一个名为`parentFunction`的函数: ```javascript function parentFunction() { console.log('这是父窗口的函数,...

    JS子页面掉父页面

    在JavaScript编程中,"子页面调用父页面"是一种常见的交互方式,特别是在构建多级页面结构或者使用iframe嵌套页面的场景下。这种技术允许子页面与包含它的父页面进行通信,实现数据传递、功能控制等多种功能。下面将...

    JS子窗口调用父窗口

    我们还打开了一个子窗口页面`child.html`,在这个子窗口中,我们希望调用父窗口中的`bb()`函数。 **父窗口(`parent.html`)代码示例**: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;Parent Window ()"&gt;Open Child ...

    jquery应用子页面在父页面打开

    在网页开发中,有时我们需要实现子页面在父页面中打开的功能,这在多窗口或框架结构的应用中尤其常见。jQuery库作为一个强大的JavaScript工具集,能够简化这种操作,使得无需依赖基础的jQuery类库就能实现这一功能。...

    javascript刷新父页面

    在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...

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

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

    open 关闭子页面刷新父页面

    根据给定的代码片段和描述,“open关闭子页面刷新父页面”这一主题涉及到的关键知识点主要包括:使用JavaScript打开新窗口、父窗口与子窗口之间的通信,以及通过特定事件触发父窗口的刷新。 ### 使用JavaScript打开...

    javascript实现从子页与父页传递参数

    3. **window对象**:子页面可以通过`window.opener`属性访问到父页面,然后调用父页面的函数或设置父页面的变量。父页面则需要预先定义好接收函数或变量。这种方法在子页面关闭时尤其有用,可以清理或更新父页面的...

Global site tag (gtag.js) - Google Analytics