归纳-子窗体传值到父窗体
第一种：Open
父窗体
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> 2.在子窗体里面用window.opener.document.from方法传值
父窗体
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>
Code
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;
父窗体
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
Code
<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>
扩展：子窗体关闭要刷新父窗体，在打开窗体的URL后面加上 window.location.reload();
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
<!-- 13
function 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> Code1
<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
Code<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>
