首页 > 代码库 > window.showModalDialog 子窗口数据回填父窗口
window.showModalDialog 子窗口数据回填父窗口
window.open 打开窗口时，可以很轻松的取得其父窗口。项目中需要用 showModalDialog打开窗口，想要取得父窗口值，而且还要在 open的基础上修改 为了不让 window.returnValue 所返回的值不是那么烦索，就要想办法如何用showModalDialog 打开的窗口取得其父窗口。合理利用 showModalDialog 传入的参数便可以解决这个问题。
话不多说，看例子：
父窗口：a.html
<html>
<head>
<script type="text/javascript" >
function showDialog(){
var param = "dialogWidth:400px;dialogHeight:300px;scroll:no;status:no;resizable:no";
// 打开 b.html，并将当前 window做为参数传入弹出窗口中
return window.showModalDialog("b.html", window, param);
}
</script>
<title></title>
</head>
<body>
<input type="button" value="http://www.mamicode.com/弹出" onclick="showDialog()"/>
<input type="text" value="http://www.mamicode.com/父窗口值" name="farValue" id="farValue" />
</body>
</html>
子窗口：b.html
<html>
<head>
<script type="text/javascript" >
function getParValues(){
// 接收父窗口传过的 window对象.
var parWin= window.dialogArguments;
parWin.document.getElementById("farValue").value = "子窗口改变的值";
}
</script>
<title></title>
</head>
<body>
<input type="button" value="http://www.mamicode.com/改变父窗口值" onclick="getParValues()" />
</body>
</html>
Done.
window.showModalDialog 子窗口数据回填父窗口
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。