本文详解JavaScript中子窗口与父窗口的交互方法。涵盖使用window.open打开窗口时的opener访问限制，子窗口向父窗口传值、父窗口向子窗口传值的实现代码，以及子窗口关闭时刷新父窗口（包括直接刷新和定时检测）和父窗口关闭时联动关闭子窗口的多种方案。
窗口打开与参数配置
注意：必须使用open方法打开窗口，若使用openModal则无法访问opener对象。
open方法的参数设置如下：
window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') 参数说明
'page.html'指定弹出窗口的文件名；'newwindow'为新窗口名称，非必填，可用空字符串''代替；
height=100定义高度；width=400定义宽度；top=0定义窗口距离屏幕上方的像素值；left=0定义窗口距离屏幕左侧的像素值；
toolbar=no表示是否显示工具栏，yes为显示；menubar和scrollbars分别表示菜单栏和滚动栏的显示状态；
resizable=no表示是否允许改变窗口大小，yes为允许；location=no表示是否显示地址栏，yes为允许；
status=no表示是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
子窗口与父窗口传值
1、从子窗口中往父窗口传值
如父页面有一个控制的id是choosedProvider，那么这样可以把值传给父页面：
opener.document.getElementById("choosedProvider").value="Tom"; 2、从父窗口传值给子窗口，如子窗口中有id为T的控件，此时可以用如下传值：
<script>
var newWindow;
function openWindow(url){
newWindow = window.open(“new.htm”, "", "width=400,height=300 ");
}
function changeChild(){
newWindow.document.getElementById("T").value="我变了";
}
</script> 子窗口关闭与父窗口刷新
3、子窗口关闭并刷新父口，这里有两种方式：
1) 子窗口关闭时关闭父窗口：
opener.location.reload();
window.close(); 2) 父窗口去检测，子窗口是否已经关闭了，在设定的一段时间之后自动刷新：
<script>
var newWindow;
var timer;
function openWindow(url) {
newWindow = window.open(url, "", "width=400,height=300,resizable=yes");
timer = setInterval("updateAfterClose()", 1000);
}
function updateAfterClose() {
//父窗口去检测子窗口是否关闭，然后通过自我刷新，而不是子窗口去刷新父窗口
if(newWindow.closed == true) {
clearInterval(timer);
self.location.reload(); // 主窗口刷新
return;
}
}
</script> 父窗口关闭与子窗口联动
4、父窗口关闭的时候关闭子窗口。这个就是用方法去检测父窗口的onunload事件：
<script>
var newWindow;
function openWindow(url) {
newWindow = window.open(url, "", "width=400,height=300,resizable=yes");
}
function closeChild()
{
newWindow.close();
}
</script> 在body加上onunload事件：
<body onunload="closeChild()"> 5、子窗口中关闭父窗口，这个功能可能相对要少用一点：
<script>
function closeParent()
{
opener.close();
}
</script>
<input type=button value="关闭父窗口" onclick=closeParent()> 以上所述是小编给大家介绍的JavaScript中的子窗口与父窗口的互相调用问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！