js 弹出窗口传回值

来源：互联网发布：c语言中关键字是什么编辑：程序博客网时间：2024/05/23 23:14

returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用
window.showModalDialog函数打开一个IE的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:

------------------------------------------------------------------------------
//father.html
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="javascript">

function showmodal(){
var ret = window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");
if (ret){alert('子窗口返回真!');
}else{
alert('子窗口返回假!');
}

}

</script>
</HEAD>
<BODY>
<INPUT id=button1 type=button value=Button name=button1 onclick="showmodal();">

</BODY>
</HTML>

------------------------------------------------------------------------------
//child.html
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="javascript">
function trans(tag){

   if (tag==0){
     window.returnValue=false;
   } else{
     window.returnValue =true;
   }
   window.close();

}

</script>
</HEAD>
<BODY>

</BODY>
</HTML>
-----------------------------------------------------------------------------
这样一来可以实现从模式窗口向父窗口传递值的作用,
这个returnValue除了可以是布尔值,整型值等以外还可以是个js数组，用来传递大量数据。
具体showModalDialog等的用法，可以参考msdn。

注意下面的有opener的都只能是用在window.open()这种情况而不能是上面.的showModel...等形式否则的话.会报undetife错误....

也可以这样子的改变父窗口中的值. 下面的这个..可以动态改变父窗口中多个值.而不是简单的把弹出窗口中的一个选中以后.马上就传回去给父窗口.

opener.document.getElementById('txt_Phone').value = Number;
        opener.document.getElementById('hdn_ID').value = ID;
        opener.document.getElementById('hdn_Phone').value = Number;
        window.close();

加上这句.我们还可以.刷新父窗口
window.opener.location.href=window.opener.location.href
window.opener.location.reload()

如果还要调用父窗口中的方法.也可以用下面的这种..如下
opener.函数名(xxx,xxx)
不过函数内变量的作用域仍为父窗体.
这样子我们.就可以直接调用这个函数..如果这个函数是异步请求的那就更爽了..
也就是说我们.在子窗口中可以向服务器发送请求..关闭子窗口后..我们父窗口又立即向服务器发送异步请求.又窗口双请求.