子窗体传值到父窗体
来源:互联网 发布:淘宝达人后台入口 编辑:程序博客网 时间:2024/05/22 02:15
http://blog.csdn.net/zxmcl/archive/2009/10/11/4645832.aspx
第一种:Open
1. 通过Opener方法调用父窗体方法传值
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
4<title>父窗体</title>
5</head>
6<body>
7<form name="form1" method='get'>
8<input type=text name='txtvalue' value=''>
9<input type='button' onclick='openWindow()' value="弹出">
10</form>
11<script type="text/javascript">
12 function openWindow() {
13 window.open(子窗体.html','newWindow','height=300,width=300,scrollbars=auto');
14 }
15 function setValue(returnValue) {
16 document.getElementById('txtvalue').value= returnValue;
17 }
18</script>
19
20</body>
21</html>
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
4<title>子窗口</title>
5 <script type="text/javascript">
6
7 function valueExit() {
8 var returnValue = docment.getElementById('txtValue').value;
9 opener.setValue(returnValue);
10 window.close();
11 }
12 </script>
13</head>
14<body>
15<h1 align='center'>子窗口!</h1><hr>
16<div align='center'>
17<form name="fz" action='#' method='get'>
18<input type=text name='txtValue' id='txtValue'>
19<input type='button' value='关闭' onclick='valueExit()'/>
20</form>
21</div>
22</body>
23</html>
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
4<title>父窗体</title>
5</head>
6<body>
7<form name="f1" action='#' method='get'>
8<input type=text name='ft' value=''>
9<input type='button' onclick='openWindow()' value="弹出"/>
10</form>
11<script type="text/javascript">
12<!--
13function openWindow() {
14 newWindow = window.open('z1.html','newWindow','height=300,width=300,scrollbars=auto');
15 if (newWindow != null) {
16 newWindow.focus();
17 }
18}
19//-->
20</script>
21</select>
22</body>
23</html>
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
4<title>子窗口</title>
5</head>
6<body>
7<h1 align='center'> 子窗口!</h1><hr>
8<div align='center'>
9<form name="fz" action='#' method='get'>
10<input type=text name='tt'>
11<input type='button' value='关闭' onclick='window.opener.document.f1.ft.value=document.fz.tt.value;self.close();' />
12</form>
13</div>
14</body>
15</html>
扩展:子窗体关闭要刷新父窗体,在子窗体赋值的第一句加上opener.location= opener.location.href;
第二种:ShowModalDialog
1.window.returnValue方法传值
1<html>
2<head>
3<script type="text/javascript">
function fnOpen() {
4 var returnTarget = window.showModalDialog("zichuangti.aspx", 'newWindow', 'dialogHeight=500px;dialogWidth=700px;center=yes;resizable=yes;help=no;');
5 if (returnTarget != undefined && returnTarget.length > 0) {
6 document.getElementById("oArgs").value=returnTarget;
7 }
}
8 </script>
9</head>
10<body>
11 <form id="form1" runat="server">
12 <div>
13 传过来的值: <input type="text" id="oArgs" runat ="server"/>
14 <input id="button" name="button" type="button" value="打开窗口" runat ="server" onclick="fnOpen()"/>
15 </div>
16 </form>
17
18</body>
19</html>
20
21
22
<html>
<head>
<script type="text/javascript">
function exit()
{
window.returnValue = form1.txtreturn.value; //返回值
window.close();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
传递过来的值: <input type="text" id="txtreturn" runat ="server"/>
<input id="button" name="button" type="button" value="关闭窗口" runat ="server" onclick="exit()"/>
</div>
</form>
</body>
</html>
- 子窗体传值到父窗体
- 子窗体传值到父窗体
- 子窗体传值到父窗体
- js 子窗体传值到父窗体
- 子窗体、父窗体
- 网摘》窗体、子窗体
- 子窗体
- 子窗体
- 子窗体返回主窗体
- 子窗体刷新父窗体
- 子窗体刷新父窗体
- 子窗体刷新父窗体
- 关闭MDI窗体子窗体
- 父窗体 子窗体 传值
- 子窗体调用父窗体
- 透明窗体子窗体显示
- 子窗体更新父窗体
- 子窗体传入父窗体
- asp.net“服务器应用程序不可用” 解决方法
- Ajax Post数据加号与连接符丢失
- mysql 数据库名 <文件路径 用户名和密码(如果有)
- windows路由表详解
- Iptables 指南
- 子窗体传值到父窗体
- phpMyAdmin安装配置方法全过程,及问题解决
- 国际公认六大保健饮料(只有此六类):
- rpm的用法详解
- 设置修改 Apache 文件根目录 (Document Root)
- 12章 正则表达式
- 一个过滤特殊字符的函数ASP.NET (C#)
- 关于src.rpm
- rhythmbox的歌词插件