html window.showModalDialog子页面向父页面传值

最近在做一个弹出框的东东。

原来用的lhgdialog做的，想尝试下换个方式做，用window.showModalDialog ，涉及到传值问题 在这里和大家分享一下咯。

 

1.子窗体向父窗体

        子窗体向父窗体传值比较简单，直接用window.returnValue传值即可。

        首先，window.showModalDialog 是有返回值的，所以子窗体向父窗体传值，在父页面 用一字符串来接  受的就是子窗口返回的值。

        var str =window.showModalDialog("weiwei.html",null,"dialogWidth=200px;dialogHeight=100px");

        其次，子窗口把想传给父窗口的值直接window.returnValue即可。

        window.returnValue("weiwei");

        结束。

2.父窗体向子窗体传值

        父窗体

      <script>
             var obj = new Object();
              obj.name="weiwei";
              window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
      </script>
       子窗体

      <script>
               var obj = window.dialogArguments
                alert("您传递的参数为：" + obj.name)
      </script>

       父窗体向子窗体传值时，通过showModalDialog的第二个参数传值

        结束。