showModalDialog基本操作：父子窗口互传参数

发布时间：2018-08-30 19:02 所属栏目：30 来源：站长网

导读：ShowModalDialog基本操作：父子窗口互传参数父窗口代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://w

ShowModalDialog基本操作：父子窗口互传参数

父窗口代码：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>父窗口</title>
</head>
<body>
<script type="text/javascript">
function onOpenWindow(){
//showModalDialog的第二个参数是传递给子窗口的值
//在子窗口可以通过window.dialogArguments方法获取
//如果不需要传递，这个参数就用window本身
var obj = document.getElementById("rtnValue").value;
var result = window.showModalDialog("window.htm",obj,"dialogWidth:500px;dialogHeight:400px");
if(result != null){
var name = result[0];
document.getElementById("rtnValue").value = name;
}}
</script>
<input name="rtnValue" type="text" id="rtnValue" value="" />
<input type="submit" name="Submit" value="打开子窗口" onclick='onOpenWindow()' />
</body>
</html>

子窗口代码：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子窗口</title>
</head>
<body>
请输入要返回的值： <input name="txtName" type="text" id="txtName" />
<input type="submit" name="Submit" value="确定" onclick='onOK();' />
<script type="text/javascript">
document.getElementById("txtName").value = window.dialogArguments;function onOK(){
var runValue=new Array;
runValue[0]=document.getElementById("txtName").value;
window.returnValue = runValue; window.close();}
</script>
</body>
</html>

文章来自：http://www.cnblogs.com/huanghai/

（编辑：ASP站长网）