模式窗体 showModalDialog

sz_kyang

于 2012-02-02 09:56:48 发布

文章标签：模式窗体父窗体子窗体传值

本文链接：https://blog.csdn.net/mimimao0901/article/details/84133366

版权

功能：在一个窗体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内容的模式对话框。
[list]
sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。　
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
[/list]
可选字符串
[list]
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。
[/list]

sz_kyang

关注

0
点赞
踩
0
收藏
打赏
0
评论
模式窗体 showModalDialog

功能：在一个窗体A中需要打开另外一个窗体B，在B窗体中填写值，返回到A窗体中。path参数可以是任何jsp html action 等。父窗体parant.html[code="java"]function fortable1(){/****弹出模式对话框*****/path = "table.html";//向子窗体传参数：helloworl...
复制链接

扫一扫