两个页面传参（dialogArguments的用法）

来源：互联网发布：健身房能减肥吗知乎编辑：程序博客网时间：2024/04/28 03:48

两个页面传递参数可以用window的dialogArguments属性可以参考msdn的http://msdn.microsoft.com/en-us/library/ms533723(VS.85).aspx的用法；以及参考DHTML Object Model（dom型）的showModalDialog的方法用法。来窗口相互传值。

以下是本人的做的测试代码：1）子窗口的allarea.html代码

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>选择的地区</title><script language="JavaScript" type="text/javascript">var areas="";var area_select=null; //全选或全部不选 function checkall(){ var isChecked=(document.ck.areaAll.checked == true); var elements=document.ck.elements; var counter=elements.length; areas=""; for(i=0;i<counter;i++){ var element=elements[i]; if(element.type=="checkbox"){ element.checked=isChecked; } } } //是否有checkbox被选中 function anyChecked(){ var elements=document.ck.elements; var counter=elements.length; areas=""; for(i=0;i<counter;i++){ var element=elements[i]; if(element.checked == true){ areas+=elements[i].value+","; } } if(document.ck.areaAll.checked==true) areas=areas.substring(0,3); return false; } /** *把子窗口的获得的值传给父窗口 */ function areascheck() { top.window.dialogArguments.fm.area_select.value=areas.substring(0,areas.length-1); }</script></head><body><form name="ck" Method="POST" action="" >全选:<input type="checkbox" id="areaAll" name="areaAll" onclick="checkall();" value="全省" /><br> 多项选择: <br> <input type="checkbox" name="areaname" value="成都" />成都 <input type="checkbox" name="areaname" value="德阳" />德阳 <input type="checkbox" name="areaname" value="绵阳" />绵阳 <input type="checkbox" name="areaname" value="南充" />南充 <input type="checkbox" name="areaname" value="遂宁" />遂宁 <br> <input type="checkbox" name="areaname" value="达州" />达州 <input type="checkbox" name="areaname" value="巴中" />巴中 <input type="checkbox" name="areaname" value="雅安" />雅安 <input type="checkbox" name="areaname" value="西昌" />西昌 <input type="checkbox" name="areaname" value="攀枝花" />攀枝花 <br> <input type="checkbox" name="areaname" value="乐山" />乐山 <input type="checkbox" name="areaname" value="宜宾" />宜宾 <input type="checkbox" name="areaname" value="泸州" />泸州 <input type="checkbox" name="areaname" value="眉山" />眉山 <input type="checkbox" name="areaname" value="阿坝" />阿坝 <br> <input type="checkbox" name="areaname" value="甘孜" />甘孜 <input type="checkbox" name="areaname" value="自贡" />自贡 <input type="checkbox" name="areaname" value="广安" />广安 <input type="checkbox" name="areaname" value="广元" />广元 <input type="checkbox" name="areaname" value="内江" />内江<br> <input type="checkbox" name="areaname" value="资阳" />资阳<br> <input type=button onclick="anyChecked();areascheck();" value="选择地区"> <input type=button onclick="window.close();" value="关闭"></form></body></html>

2）父窗口的代码:<html>.......................<script type="text/javascript" language="Javascript">/* *选择地区 */ var vDialog=null; //打开选择地区对话框 function openAreaDialog(){ vDialog=showModelessDialog("allarea.html",window,"status:no;resizable:yes;dialogHeight:210px;dialogWidth:325px;unadorne:yes");
}</script>....................<input type="text" name="area_select" onclick="openAreaDialog();" value="你选择的地区有:" style="width:470px;"/>....................<html>