父页面与子窗口Dialog相互传值的方法

这里使用了JavaScript的showModalDialog（）方法

父页面---------------------------------------------------------------------------

<script type="text/javascript">

    function myDialog(){

       var arr=new Array(2);//创建数据

       arr[0]="参数1";//添加参数

       arr[1]="参数2";//添加参数

       var url="dialog.html";//设置URL

       var layout="dialogWidth=500px;dialogHeight=25px;scroll=no;status=no;help=no;center=yes";//设置Dialog布局样式

       var son=window.showModalDialog(url,arr,layout);//设置son获取Dialog传递过来的值

       alert(son);//弹出返回值

      

    }

</script>

 

<input type="button" value="弹出对话框" onclick="myDialog()"/>

 

 

Dialog---------------------------------------------------------------------------

  

<script type="text/javascript">

   function readParent(){

       var arr=window.dialogArguments;//获取父传递的数组

       for(var i=0;i<arr.length;i++){//遍历参数

       alert(arr[i]);//输出参数

      }

   }

  function result(){

    window.returnValue="设置子窗口返回的值";

    this.close();//关闭窗口

  }

</script>

 

<input type="button" value="关闭并返回参数" onclick="result()"/>

<input type="button" value="读取父窗口的参数" onclick="readParent()"/>

 

 

 

 

layout的各项可选参数--------------------------------------------------------------------------

dialogWidth:弹出窗口的宽度；
dialogHeight:弹出窗口的高度；
dialogLeft:弹出窗口的左边距
dialogTop:
edge:sunken | raised
center: yes|no|1|0|on|off
dialogHide: yes|no|1|0|on|off
help: yes|no|1|0|on|off
resizable: yes|no|1|0|on|off
scroll: yes|no|1|0|on|off
status: yes|no|1|0|on|off
unadorned: yes|no|1|0|on|off