`
phpxiaoxin
  • 浏览: 252240 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript 父窗口、子窗口传值问题

    博客分类:
  • js
阅读更多

javascript父子窗口传值其实很简单,主要就是涉及到一个怎么找到子窗口,怎么找到父窗口的问题。

 

先说一下子窗口,子窗口通过window.open()方法创建,创建完毕其实是有返回值的,这个返回值就是子窗口了。

 

var child = window.open(...);

 

这样“child”就是子窗口,于是就可以通过下面方式操作子窗口:

 

win.document.getElementById("child").value = .....;

 

子窗口创建以后,找父窗口也很简单:window.opener就代表父窗口,于是我们可以:

 

window.opener.document.getElementById("parent").value = ...;

 

上面说的都是操作dom,调用函数也一样:

 

win.childFunction();

window.opener.parentFunction();

 

好了下面是具体的代码例子,大家可以下载看一下。

 

ps:上次研究过这个问题了,不过未记录,结果换系统的网页丢失了,重新找有用了不少时间,因此在这里记录一下。

 

-------------

 

如果打开的窗口参数比较多,可以通过form提交到子窗口来完成,首先打开一个空白窗口,然后将form的target只想child窗口,然后就可以submit了。

 

child = window.open("");

form.target = child;

form.submit();

 

----------------

 

折腾了一顿,发现通过form新窗口打开的页面,本身两个页面就是父子关系,唯一的缺点就是父窗口没有办法找到子窗口,但是子窗口可以通过window.opener找到父窗口.......

  • win.zip (943 Bytes)
  • 下载次数: 106
分享到:
评论

相关推荐

    子窗口传值到父窗口.rar

    这个过程就称为“子窗口传值到父窗口”。在JavaScript中,我们可以利用多种方法实现这一功能。以下是一些常用的技术和步骤: 1. **使用window.opener属性**: - 子窗口可以通过`window.opener`属性访问父窗口的...

    js中用open方式打开新窗口向父窗口传值

    在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`window.open()`方法的基本用法。`window....

    子父窗口传值

    2. **父窗口向子窗口传值** - URL参数:父窗口在打开子窗口时,可以通过URL携带参数,子窗口通过解析URL获取这些参数。 - `window.parent`:子窗口可以通过`window.parent`访问父窗口的对象,调用其方法或修改变量...

    子父窗口传值动态添加行

    结合子父窗口传值,可能的场景是:用户在子窗口中输入或选择数据,点击提交后,子窗口通过`postMessage`将数据发送给父窗口,父窗口接收到数据后动态添加行到某个表格中显示。 总结来说,"子父窗口传值--动态添加行...

    window.open父子窗口传值问题

    当我们谈论“window.open父子窗口传值问题”,我们指的是在父窗口通过`window.open`创建了一个子窗口,并需要在两者之间进行数据通信的情况。 首先,让我们了解一下`window.open`的基本语法: ```javascript var ...

    JavaScript实现弹出子窗口并传值给父窗口

    总结一下,JavaScript实现弹出子窗口并传值给父窗口的基本步骤包括: 1. 在父窗口中定义一个函数来打开子窗口,并指定回调函数接收返回值。 2. 创建子窗口,包含用户交互元素,提供一个功能用于获取用户输入并设置`...

    frameSet应用 子父窗口传值

    例如,假设有一个名为`leftFrame`的子窗口想要向名为`rightFrame`的父窗口发送消息: ```javascript // 在leftFrame中 window.parent.rightFrame.postMessage('这是从左窗体传来的信息', '*'); ``` 在`rightFrame`...

    ShowModalDialog父窗体向子窗体传值

    总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...

    JavaScript新窗口与子窗口传值详解

    1. `pageURL`:这是一个必需的参数,定义了新窗口或子窗口将要加载的页面URL。 2. `name`:可选参数,用于指定新窗口的名称。这个名字可以被`window`对象的其他属性和方法引用,例如`window.name`,并且可以用于书签...

    js 主窗口与子窗口传值问题【摘抄】

    在JavaScript编程中,主窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或使用iframe时。本文将深入探讨如何在JavaScript中实现主窗口(parent window)与子窗口(child window)之间的值传递...

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

    首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口通常涉及到以下步骤: 1. 创建一个HTML文件作为子页面,包含需要展示的数据和交互元素。 2. 在父页面中,通过`$.dialog`或`$.window...

    JS父页面与子页面相互传值方法

    JavaScript(JS)是一种广泛用于网页和网络应用的脚本语言,尤其在处理页面交互和数据传递方面发挥着重要作用。在多页面应用或者嵌入式框架(如iframe)中,经常需要进行父页面与子页面之间的数据交换。下面将详细...

    无刷新 子窗体传值父窗体

    在传统的方式中,如果想要从子窗口向父窗口传递数据,通常需要借助于JavaScript事件处理和DOM操作。 1. **JavaScript事件处理**: 当用户在子窗口执行某个操作后,例如点击按钮,可以触发一个JavaScript事件。通过...

    利用模态对话框实现父窗体、子窗体间传值

    首先,`showModalDialog` 是一个在浏览器环境中(主要是Internet Explorer)用于打开一个新的窗口或模态对话框的JavaScript函数。它的主要优点是能够阻止用户在对话框关闭前与页面其他部分进行交互,从而引导用户...

    javascript页面之间传值

    例如,如果在父窗口中创建了一个名为`childWin`的子窗口,我们可以在子窗口中设置一个全局变量来存储从父窗口传递过来的值,然后在父窗口中通过`childWin.myValue`来获取这个值。 第二种方法是利用`window.post...

    iframe父向子传值实例.rar

    然而,由于浏览器的同源策略限制,`iframe`内的页面与包含它的父页面在不同源时,不能直接访问彼此的DOM或JavaScript变量,这就引出了"iframe父向子传值"的问题。 在标题"iframe父向值实例.rar"和描述中提到的解决...

    动态增删table以及后台传值和弹出窗口父子窗口传值

    在JavaScript中,可以使用window.open()函数创建新窗口,并通过window对象的属性(如opener或parent)来访问父窗口或子窗口的变量和方法。例如,父窗口可以将数据存储在一个全局变量中,子窗口通过引用父窗口的变量...

    javascript 子窗体父窗体相互传值方法

    当通过JavaScript的window.open函数打开一个新的浏览器窗口时,这个新窗口被称为子窗体(子窗口),而打开这个新窗口的页面则被称为父窗体(父窗口)。在父窗体和子窗体之间传递数据可以通过多种方式实现,下面介绍...

Global site tag (gtag.js) - Google Analytics