window.showModalDialog与opener及returnValue

首先来看看 window.showModalDialog 的参数

1. vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) ;

sURL : 打开窗口的地址;

vArguments : 传递参数;

sFeatures : 窗口属性列表;

第一个参数是必须的, 后两个可以省略.

这里我们要利用的就是第二个参数. 原理是将父窗口的被控制对象以参数的形式传递到子窗口, 在子窗口中直接控制这个对象即可.

举例来说:

parent.html

<script type="text/javascript"> function openWin(){ // 子窗口地址 var srcFile = "child.html"; // 子窗口属性 var winFeatures = "dialogHeight:300px; dialogLeft:200px;"; // 将 From 的 ID 作为参数传递到子窗口 var obj = getForm; // 打开子窗口  window.showModalDialog(srcFile, obj, winFeatures); } </script> <form id="getForm"> 回传值： <input id="getValue" type="text" /> </form> <input onclick="openWin()" type="button" value="打开" />

 

child.html

 <script type="text/javascript"><!-- function send(){ // 获取参数传递的对象 var obj = window.dialogArguments; // 控制对象  obj.getValue.value = 'from Child'; } // --></script> <a onclick="send();" href="#">Send</a>

 

运行 parent.html , 单击 [打开] 按钮弹出对话框, 点击 Send 链接将值传递到 parent 的文本框中.

 

传递的参数当然也可以是其他对象, 例如 window . 值得注意的是传递的是对象, 而不是字符串.

 

 

window.showModalDialog 打开的子窗口，不支持 window.opener 属性 

获取父窗口，需要显示作为参数传入 


// a.aspx 
window.showModalDialog("b.aspx", window); 


// b.aspx 
var theOpener = window.dialogArguments; 
theOpener.close(); 

// 对于内嵌 c.aspx -> 
var outerOpener = window.top.dialogArguments; 
outerOpener.close();