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

最新推荐文章于 2014-07-03 11:00:05 发布

oso_kill

最新推荐文章于 2014-07-03 11:00:05 发布

阅读量748

点赞数

分类专栏： ajax学习

ajax学习专栏收录该内容

25 篇文章 0 订阅

订阅专栏

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="打开子窗口" οnclick='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="确定" οnclick='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>