模式窗体 showModalDialog
功能: 在一个窗体A中需要打开另外一个窗体B,在B窗体中填写值,返回到A窗体中。
path参数可以是任何jsp html action 等。
父窗体parant.html
<script>function fortable1(){/****弹出模式对话框*****/path = "table.html";//向子窗体传参数:helloworld//当子窗体关闭时,把子窗体的返回值赋值给arr.var arr = window.showModalDialog(path,"helloworld","dialogHeight:500px;dialogWidth:450px;edge:Raised;center:Yes;z-look:no;help:No;resizable:no;status:yes;");if (arr!= null){var ss;ss=arr.split("*")document.all.a.value= ss[0];document.all.b.value= ss[1];}}</script></head><body><input type=text name=a><input type=text name=b><input type="button" name="S" value="选择" onClick="fortable1();"><body></body></html>子窗体 table.html
<head><META HTTP-EQUIV="Expires" CONTENT="0"><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"></head>/*************************************************************/<SCRIPT LANGUAGE=JavaScript>function aaa(){alert(window.dialogArguments);//获取父窗体传过来的参数window.returnValue = selrow.value+"*"+selcol.value;//向父窗体传值window.close();}</SCRIPT></HEAD><BODY >输入表格<table border="0" cellspacing="10" cellpadding="0"> <tr><td><INPUT TYPE=TEXT SIZE=7 ID=selrow></td><td> <input type=text id=selcol size=7> </tr> <tr><td><BUTTON ID=Ok TYPE=button ONCLICK="aaa();">传值</BUTTON> </td> </tr></table></BODY> </HTML>知识:
1:vReturnValue = window.showModalDialog(sURL [, vArguments][,sFeatures])方法用来创建一个显示HTML内容的模式对话框。
sURL -- 必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
可选字符串
dialogHeight:sHeight 可选字符串,指定对话框窗口的修饰,使用与一个或多个值以分号分隔。
dialogHeight:sHeight 设置对话框窗口的高度(见备注默认度量单位)。
dialogLeft: sXPos 置对话框窗口相对于桌面左上角的左侧位置。
dialogTop:sYPos 置对话框窗口相对于桌面左上角的榜首位置。
dialogWidth:sWidth 设置对话框窗口的宽度(见备注默认度量单位)。
center:{ yes | no | 1 | 0 | on | off } 中心指定是否要在桌面对话窗口。.默认为 yes。
dialogHide:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否隐藏在打印或使用打印预览。此功能只有当一个对话框是从信任的应用程序打开。默认是no。
edge:{ sunken | raised } 指定对话框窗口边缘风格。 默认是raised 。
resizable:{ yes | no | 1 | 0 | on | off } 指定对话框窗口中是否有固定的尺寸。 默认是no。
scroll:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否显示滚动条。默认为 yes。
status:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否显示状态栏。默认为yes不受信任的对话窗口和窗口不信任的对话。
unadorned:{ yes | no | 1 | 0 | on | off } 指定对话框窗口是否显示边框的窗口浏览器。 此功能只有当一个对话框是从信任的应用程序打开。默认是no。