模态对话框：showModalDialog()子窗口刷新父窗口

今天再次使用showModalDialog()，发现了两个问题，一是子窗口如何刷新父窗口，二是窗口的参数问题。

1 子窗口刷新父窗口

   如果是window.open();问题就好办，直接用window.opener.location.reload();就搞定了

   但是如果是window.showModalDialog(),它里面是没有window.opener的，不能用opener引用父窗口，直接调用用报错。

总结了一下有两种方法可以解决，一是在子窗口中刷新父窗口，二是在子窗口关闭后，父窗口自己刷新。

 （1）在子窗口中刷新父窗口

       父窗口：因为子窗口不能直接引用父窗口，所以需要父窗口主动传递指针变量，就是window.showModalDialog的第二个参数，参数为“window”,意思就是把父窗口对象当做参数传递给子窗口，

示例：

var returnValue = window.showModalDialog(url,window,"dialogHeight=350px;dialogWidth=400px;center=yes;status=no;scroll=no;resizable=yes")；

注意：window不要加引号。

子窗口：执行完操作后调用window.dialogArguments.location.reload();

注意：是window.dialogArguments，而不是window.dialogArgument，之前一直测试通过不了，就是这个属性写错了

window.dialogArguments 即为父窗口window对象的引用，获得父窗口的引用，就可以操作父窗口了，做什么都行，

但是调用window.dialogArguments.location.reload();父页面好像并没有刷新，原因未知？？！！

(2)在父窗口中刷新自己

这个实现比较简单，在子窗口关闭后，父窗口自己刷新，例如:

var returnValue = window.showModalDialog(url,window,"dialogHeight=350px;dialogWidth=400px;center=yes;status=no;scroll=no;resizable=yes");
        if(returnValue == "true"){
            window.location.reload();
        }

还有一种方法就是在子窗口中调用父窗口的一个方法，该方法自己刷新本页面（父窗口）；

子窗口：window.dialogArguments.reloadPage();window.close;

父窗口: function reloadPage（）{window.location.reload();}

2 showModalDialog参数问题：

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

第三个参数用来描述对话框的外观等信息，我调整了半天都不见效，后来发现原因出现在两个地方：

（1）长度，宽度，都是用 dialogHeight， dialogWidth表示，而不是heigh,width，和window.open()是不同的。

(2)多个参数用";"分割，而不是用","。

我就是因为粗心，在这两个地方浪费了很多时间，大家不要重蹈覆辙，要信心，把参数记牢！

 

 

参数传递：
1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为：" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://www.51js.com";
</script>