`
jd406
  • 浏览: 48443 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

父页面与子页面之间传值

    博客分类:
  • js
 
阅读更多
如果在页面中不涉及到第三方的插件(比如:artDialog),可以用如下的方式打开子页面

window.open(...)
子页面中获取父页面对象:window.opener
window.showModalDialog(..)
子页面中获取父页面对象:window.dialogargument


这里可以给大家看一个帖子,我觉的还不错,比较详细的介绍了获取值和设置值的方法,以及刷新页面和关闭页面的方法。帖子的地址是:

http://topic.csdn.net/u/20091112/09/342769c1-0abf-4f92-8699-7ac7d462e0cf.html

如果在父页面中采用window.open();方法生成一个子页面,那么子页面中对付页面的操作方法为:

1、设置值:
window.opener.document.getElementById("txtID").value=document.getElementById("t").value;
2、调用方法:
window.opener.parentFunctionName(arg0);
3、关闭父窗口:
window.opener.close();
opener=null;
4、刷新父页面
window.opener.location=window.opener.location;
5、获取值
window.opener.document.getElementById('txtID').value;



如果在父页面中采用window.showModalDialog();方法生成一个子页面,那么子页面中对付页面的操作方法为:

1、设置值:
window.dialogArguments.document.getElementById("txtID").value=document.getElementById("t").value;
2、调用方法:
window.dialogArguments.parentFunctionName(arg0);
3、关闭父窗口:
window.dialogArguments.close();
opener=null;
4、刷新父页面
window.dialogArguments.location=window.dialogArguments.location;
5、获取值
window.dialogArguments.document.getElementById('txtID').value;


还有一种比较简单的方法:
直接window.parent.document.getElementById("userId").value;
采用这种通用的方式进行父页面的操作。
0
0
分享到:
评论

相关推荐

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

    综上所述,EasyUI弹出窗口的传值与调用父页面方法涉及到前端页面交互的基本技术,理解并熟练掌握这些技巧对于前端开发者来说至关重要。通过正确使用这些方法,可以有效地实现页面间的数据流动和功能协同,提升用户...

    ajax\HTML 页面与页面之间传值

    在父页面设置Cookie后,子页面可以通过`document.cookie`读取这些数据。但要注意,Cookie的大小有限制,并且在跨域时会受到限制。 3. **SessionStorage和LocalStorage**:HTML5引入了两种新的存储机制。...

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

    在多页面应用或者嵌入式框架(如iframe)中,经常需要进行父页面与子页面之间的数据交换。下面将详细介绍如何在不同场景下使用JS实现这种传值。 一、子页面是父页面通过`window.open`弹出的情况 当子页面是通过`...

    子窗体传值给父窗体传值

    "子窗体传值给父窗体"是一个常见的交互模式,它涉及到窗体间的通信和事件处理。以下是对这个主题的详细阐述: 1. **子窗体的创建与显示** - 在父窗体中,我们通常会定义一个方法来实例化并显示子窗体。例如,可以...

    子父窗口传值

    在这个场景中,"子父窗口传值"指的是在同一个Web应用中,子页面(通常是弹出窗口或iframe)向父页面传递数据,或者父页面向子页面传递数据,以实现特定的功能交互,而这种交互通常是为了避免不必要的后台通信,提高...

    子窗口传值到父窗口.rar

    在Web开发中,有时我们需要在子窗口与父窗口之间传递数据。这通常发生在弹出窗口或者框架集等场景中,用户在子窗口进行操作后,需要将结果反馈给父窗口,以便更新父窗口的状态或展示相关信息。这个过程就称为“子...

    模式窗体页面传值关于自定义控件与页面之间的传值

    在.NET框架中,尤其是ASP.NET或WinForms应用中,我们经常需要处理页面间或自定义控件与页面之间的数据传递。这个过程对于构建交互性强、功能丰富的用户界面至关重要。"模式窗体页面传值"这一主题主要关注的是如何在...

    iframe子向父传值实例.rar

    在网页开发中,有时我们需要在不同的页面或者框架之间进行数据交互,这时`iframe`子向父页面传递值就显得尤为重要。本示例“iframe子向父传值实例”旨在提供一个解决方案,帮助开发者应对跨域问题,从而实现iframe...

    iframe父向子传值实例.rar

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

    asp.net 父子页面传值

    6. **服务器端事件和方法**: 父页面可以触发子页面的事件,或者定义一个公共的服务器端方法,通过调用这个方法传递值。这通常涉及使用`Server.Transfer`或`Response.Redirect`方法。 7. **Cookie**: 如果数据量较小...

    Layui实现父子页面之间值传递.zip

    当子页面处理完数据后,可能还需要将结果传递回父页面。同样,可以使用 `postMessage` 方法发送消息,然后在父页面监听 `message` 事件。例如,在子页面中: ```javascript // 假设处理完数据后,结果保存在 result...

    WEB页面传值

    有一种是window.opener传值,子页面可以获取父页面的窗口对象,从而获取对象的值。这种方式不存在传值长度限制,但不能跨域。另一种是cookies传值,传值长度有限制。还有URL传值,值也是有限制,但能跨域。 二、ASP...

    在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

    在Layui框架中,使用表格模板与layer弹层组件进行父页面和子页面之间的传值交互是一项常见的需求。Layui是一个轻量级的前端UI库,其layer模块提供了丰富的弹窗功能,包括对话框、提示、加载层等,非常适合用于构建...

    window.open父子窗口传值问题

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

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

    在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先,我们需要理解“父窗口”和...

    三级页面传值..

    这通常适用于父页面能够控制子页面的创建和销毁的情况。 2. 事件冒泡:如果一级页面是顶级窗口,可以通过事件冒泡机制,由三级页面触发一个事件,一级页面监听并处理这个事件,从而获取数据。 3. 利用History API...

    子父窗口传值动态添加行

    这个场景下,"子父窗口传值--动态添加行"涉及到的技术点主要是JavaScript中的跨窗口通信以及DOM操作,主要应用于Web应用的交互设计。 首先,让我们了解什么是子父窗口。在浏览器环境中,一个窗口可以打开另一个窗口...

    微信小程序中子页面向父页面传值实例详解

    在微信小程序中,子页面与父页面之间的通信是开发过程中常见的需求。本实例将详细讲解如何在微信小程序中实现子页面向父页面传递值的方法,主要涉及到页面路由、API调用以及页面对象的操作。 首先,我们需要理解...

    vue 父件与子件传值

    父组件与子组件直接的传值详解,详细的介绍了两者之间的关系,vue的一个难点

Global site tag (gtag.js) - Google Analytics