模式窗体 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。

你可能感兴趣的:(模式窗体 父窗体子窗体传值)