HTML子窗体传值父窗体的几种方式

第一种：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' on<wbr>click</wbr> ='openWindow()' value ="弹出" >
10 </ form >
11 < script type ="text/javas<wbr>cript"</wbr> >
12 function openWindow() {
13 window.open(子窗体.html ' , ' newWindow ' , ' height = 300 ,width = 300 ,scrollbars = auto ' );
14 }
15 functionsetValue(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/javas<wbr>cript"</wbr> >
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" act<wbr>ion</wbr> ='#' method ='get' >
18 < input type =text name ='txtValue' id ='txtValue' >
19 < input type ='button' value ='关闭' on<wbr>click</wbr> ='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" act<wbr>ion</wbr> ='#' method ='get' >
8 < input type =text name ='ft' value ='' >
9 < input type ='button' on<wbr>click</wbr> ='openWindow()' value ="弹出" />
10 </ form >
11 < script type ="text/javas<wbr>cript"</wbr> >
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 >

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" act<wbr>ion</wbr> ='#' method ='get' >
10 < input type =text name ='tt' >
11 < input type ='button' value ='关闭' on<wbr>click</wbr> ='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/javas<wbr>cript"</wbr> >
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 ) }
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" on<wbr>click</wbr> ="fnOpen()"/ >
15 </ div >
16 </ form >
17
18 </ body >
19 </ html >
20
21
22

< html >
< head >
< script type ="text/javas<wbr>cript"</wbr> >
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" on<wbr>click</wbr> ="exit()" />
</ div >
</ form >
</ body >
</ html >