费话就不说了，直接看代码．．．．．．
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
<!-- 打开一般窗口 -->
function openWin(){
var childWin=window.open("childA.html","一般窗口","height:100px;width:100px;status:no;help:no;scroll:no");
childWin.childFielda.value="一般窗口";
}
<!-- 打开模态窗口 -->
function openModalWin(){
window.param="模态窗口";
var str=window.showModalDialog("childB.html",window,"dialogTop:200px;dialogLeft:300px;status:no;help:no;scroll:no");
if(str!=null){
document.getElementById("valueBack").value=str;
}
}
</script>
</head>
<body>
<input type="button" value="打开一般窗口" onclick="openWin()" />
<br />
<input type="button" value="打开模态窗口" onclick="openModalWin()" />
<br />
<input id="valueback" type="text" />
</body>
</html>
childA.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>childA.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function backToWinA(){
window.opener.document.getElementById('valueBack').value=document.getElementById("childFieldaback").value;
}
</script>
</head>
<body>
<p>父口传到一般子窗口的值；
<input id="childFielda" type="text"/>
</p>
<p>一般子窗口传回父页面的值
<input id="childFieldaback" type="text"/>
<input type="button" value="设置主页面值" onclick="backToWinA()"/>
</p>
</body>
</html>
childB.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>childB.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function backToWinA(){
window.opener.document.getElementById('valueBack').value=document.getElementById("childFieldaback").value;
}
</script>
</head>
<body>
<p>父口传到模态窗口的值；
<input id="childFielda" type="text"/>
</p>
<p>模态子窗口传回父页面的值
<input id="childFieldbback" type="text"/>
<input type="button" value="设置主页面值" onclick="backToWinB()"/>
</p>
<script type="text/javascript">
window.document.getElementById("childFielda").value=window.dialogArguments.param;
var parentWin=window.dialogArguments;
function backToWinB(){
parentWin.document.getElementById("valueBack").value=document.getElementById("childFieldbback").value;
}
</script>
</body>
</html>
先看一般窗口：
var childWin=window.open("childA.html","一般窗口","height:100px;width:100px;status:no;help:no;scroll:no");
childWin.childFielda.value="一般窗口";
childWin是父窗口引用子窗口对象，那么子窗口怎么引用父窗口对象呢？
window.opener.document.getElementById('valueBack').value=document.getElementById("childFieldaback").value;
window对象中有一个名为"opener"的属性，这一属性表示找开本窗口的父窗口的window对象.
其次我们在看看模态窗口:
var parentWin=window.dialogArguments;
此行代码使子窗口得到父窗口传过来的window对象.
分享到：
相关推荐
父子窗体传参实例(子窗体显示详细信息时查看上一条下一条) 父窗体显示详细列表(datagridview)，双击标题弹出子窗体查看详细信息。通过子窗体上的上一条下一条按钮。直接查看父窗体上下条的详细信息。 不晓得这么说...
本文将深入探讨如何在WPF中实现父子窗体的数据传递，包括父窗体向子窗体传递参数以及子窗体回传参数到父窗体。 首先，我们需要了解WPF中的窗体（Window）概念。每个独立的用户交互界面可以看作一个Window对象，它们...
在VB（Visual Basic）编程中，父子窗体的概念是用于构建多窗口应用程序的一种常见方法。这种设计模式允许主窗体（父窗体）控制和显示一个或多个子窗体，通常用于实现模块化的用户界面。在给定的“vb父子窗体实例”中...
本文将深入探讨如何在VS2005中使用C#来创建和管理MID窗体，以及如何实现父子窗体之间的通信。 首先，我们需要创建一个新的Windows Forms项目。在VS2005中，选择"File" > "New" > "Project"，然后在项目模板中选择...
"C#实现父子窗体全传值案例"着重展示了如何利用`ShowModalDialog`方法创建模态窗体并传递数据。模态窗体是一种在用户与窗体交互前必须先关闭的窗口，确保了用户对当前任务的专注。下面我们将详细探讨这个知识点。 ...
在C#编程中，"父子窗体的调用"是一个常见的功能需求，特别是在开发桌面应用程序时，例如Windows Forms或WPF应用。这个概念涉及到一个窗口（父窗体）如何启动、控制和通信与另一个窗口（子窗体）。下面将详细阐述这一...
父子窗体关系是指一个窗体（父窗体）可以打开另一个窗体（子窗体），并且子窗体通常会在父窗体的内部或外部显示，两者之间可以进行数据交互和操作联动。这种设计模式有助于构建更复杂、层次分明的用户界面，提高用户...
总的来说，JavaScript父子页面传参涉及多种技术，根据实际场景选择合适的方法。理解并熟练掌握这些技术对于开发交互丰富的Web应用至关重要。在实际项目中，还应注意安全性问题，避免跨站脚本攻击（XSS）等风险。
本文将深入探讨如何在父子窗体之间利用Ajax进行数据传递，以及如何从JSP页面获取复选框的值。 首先，我们要了解Ajax的基本原理。Ajax的核心是XMLHttpRequest对象，它允许我们在不刷新整个页面的情况下与服务器交换...
这个“C#计算器（窗体 附加父子窗体）”项目旨在教你如何利用C#的Windows Forms来创建一个基本的计算器，并且引入了父子窗体的概念以增加功能复杂性。 首先，让我们了解什么是Windows Forms。Windows Forms是.NET ...
描述中的“父子窗体滚动条支持鼠标滚轮移动”意味着开发者已经实现了这样一个功能：当用户在子窗体上使用鼠标滚轮时，不仅子窗体自身的滚动条会移动，而且父窗体的滚动条也会相应地同步滚动。这增加了用户的操作便利...
在Windows Forms（WinForms）开发中，父子窗体交互是一个常见的需求，特别是在设计多窗口应用程序时。本示例探讨了如何使用委托来实现WinForms中父子窗体之间的数据同步和界面刷新。首先，我们理解“父子窗体”：父...
在C#编程中，MDI父窗体和子窗体的设计是一项重要的技能，尤其是在开发多文档处理的应用程序，如文本编辑器或IDE（集成开发环境）时。 首先，创建MDI父窗体是整个设计的基础。在C#中，我们可以使用`Form`类的`...
在C#编程中，父子窗体的嵌套是一种常见的用户界面设计模式，它允许一个窗体（父窗体）打开另一个窗体（子窗体），并控制子窗体的显示和关闭。这样的设计有助于创建更复杂的多窗口应用程序，提供更好的用户体验。在...
本篇将详细介绍这两种对话框以及如何在父子对话框之间传递参数。 模态对话框（Modal Dialog Box）是一种阻塞型对话框，当用户打开模态对话框后，必须关闭它才能继续与父窗口进行交互。这使得模态对话框在需要用户...
本项目"模拟通知公告父子窗体实现上下条同步效果"旨在展示如何在`C#`和`VS2010`环境下创建一个具有特定功能的应用程序。我们将探讨这个项目的重点，即父子窗体之间的通信以及数据同步机制。 首先，我们要理解父子...
在QT编程中，父子窗体的概念是常见的交互设计模式，特别是在C++或C#的后端开发中。这里我们主要探讨如何实现标题所描述的功能，即通过点击父窗体按钮来隐藏当前窗体并显示子窗体，以及从子窗体点击后返回到父窗体。...
C#父窗体中创建子窗体，显示、排列子窗体 三、排列子窗体 未做 如果一个MDI窗体中有多个子窗体同时打开，假如不对其排列顺序进行调整，那么界面会非常混乱，而且不容易浏览。这时候，可以通过使用带有MdiLayout枚举...
HTML编码中，利用了Vue框架，在该框架下父子组件直接经常需要进行数据传递
此程序目的主要演示父子窗体的调用，另外演示按钮事件驱动向文本框里面填写文本 ，此程序主要参考http://blog.csdn.net/kingsollyu/article/details/8312910