//创建一个显示html内容的模态对话框：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
//创建一个显示html内容的非模态对话框：
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
sURL:(必选参数)字符串..指定要显示的文档的URL
vArguments:任意类型..想要显示的页面传递参数..参数可以使用window.dialogArguments来获取
sFeatures:字符串..指定对话框的样式..里面可以定义一个也可以多个使用分号";"分开
1. dialogHeight: 对话框高度，不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
8. status: {yes | no | 1 | 0 } [IE5+]： 是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9. scroll: { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
父窗口:
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4 <script type="text/javascript">
5 function openWin(){
6 window.showModalDialog("a2.jsp",window,"dialogHeight:300px;dialogWidth:380px;status=no;help:yes;");
7 }
8
9 function setValue(cid,cname){
10 document.getElementById("cid").value=cid;
11 document.getElementById("cname").value=cname;
12 }
13 </script>
14 </head>
15 <body>
16 <form action="test.jsp" name="form1" method="post">
17 客户id：<input type="text" name="cid" value="" id="cid"/><br>
18 客户名称:<input type="text" name="cname" value="" id="cname">
19 <input type="button" name="ok" value="请选择客户" onclick="openWin();">
20 </form>
21 </body>
22 </html>
子窗口:
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4 <script type="text/javascript">
5 function viewData(cid,cname){
6 //alert(cid+" "+cname);
7 /*
8 *父窗体页面的window对象
9 *子窗体页面的window.dialogArguments对象中封装的是父窗体页面的信息
10 */
11 var sdata=window.dialogArguments; /*sdata封装的是父窗体页面的信息*/
12 //alert(sdata);
13 sdata.setValue(cid,cname);;
14 window.close();
15 }
16 </script>
17 </head>
18
19 <body>
20 <table border="1">
21 <tr>
22 <td>操作</td>
23 <td>客户id</td>
24 <td>客户名称</td>
25 </tr>
26 <tr>
27 <td><input type="button" value="选择" id="ss" onclick="viewData(‘001‘,‘深圳华为‘);"/></td>
28 <td>001</td>
29 <td>深圳华为</td>
30 </tr>
31 <tr>
32 <td><input type="button" value="选择" id="ss" onclick="viewData(‘002‘,‘用友软件‘);"/></td>
33 <td>002</td>
34 <td>用友软件</td>
35 </tr>
36 </table>
37 </body>
38 </html>