有两个页面father.html和child.html
father.html
<html>
<head>
<title>父窗体</title>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
var childValue = window.showModalDialog ('Child.html',null,"help:no;status:no;dialogWidth:900px;dialogHeight:540px");
$("#spanChildValue").append(childValue);
});
});
</script>
</head>
<body>
<input id="btn" type="button" value="弹出子窗口" />
<span id="spanChildValue">子窗体返回的值是</span>
</body>
</html>
child.html
<html>
<head>
<title>子窗体</title>
<script type="text/javascript">
$(function(){
$("#btn").click(function() {
window.returnValue = "1";
window.close();
});
});
</script>
</head>
<body>
<input id="btn" type="button" value="生成返回值" />
</body>
</html>
通过showModalDialog打开子窗体后,子窗体不关闭,父窗体不能做操作。
操作子窗体通过returnValue返回一个值并关闭。这个时候父窗体就拿到了这个值。
当然子窗体不仅可以返回字符串,数字,也可以是对象等。