open的参数:
参数说明
'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,那么这样可以把值传给父页面 :
2、从父窗口传值给子窗口,如子窗口中有id为T的控件,此时可以用如下传值:
var newWindow;
function openWindow(url){
newWindow = window.open(“new.htm”,"","width=400,height=300 ");
}
function changeChild(){
newWindow.document.getElementById("T").value="我变了";
}
3、子窗口关闭 并刷新父口,这里有两种方式:
1) 子窗口关闭 时关闭 父窗口:
2) 父窗口去检测,子窗口是否已经关闭 了,在设定的一段时间之后自动 刷新:
var newWindow;
var timer;
function openWindow(url) {
newWindow = window.open(url,height=300,resizable=yes");
timer = setInterval("updateAfterClose()",1000);
}
function updateAfterClose() {
//父窗口去检测子窗口是否
关闭 ,然后通过自我刷新,而不是子窗口去刷新父窗口
if(newWindow.closed == true) {
clearInterval(timer);
self.location.reload(); // 主窗口刷新
return;
}
}
4、父窗口关闭 的时候关闭 子窗口。这个就是用方法 去检测父窗口的onunload事件:
var newWindow;
function openWindow(url) {
newWindow = window.open(url,resizable=yes");
}
function closeChild()
{
newWindow.close();
}
在body加上 onunload事件:
5、子窗口中关闭 父窗口,这个功能 可能相对要少用一点:
function closeParent()
{
opener.close();
}
以上所述是小编给大家介绍的JavaScript中的子窗口与父窗口的互相调用 问题。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享 给好友!感谢支持 。