子窗口与父窗口的调用
注意:要用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、子窗口关闭并刷新父口,这里有两种方式:
a) 子窗口关闭时关闭父窗口:
opener.location.reload();
window.close();
b) 父窗口去检测,子窗口是否已经关闭了,在设定的一段时间之后自动刷新:
<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()>
分享到:
相关推荐
JS子窗口调用父窗口
JavaScript实现IFrame子窗口调用父窗口的全局变量
有两种方式 第一种:对于用window.open()方法打开的页面 第二种:用window.showModalDialog()
父窗口与子窗口间的调用,并且有值的传递,js语言。
本文实例讲述了JavaScript子窗口调用父窗口变量和函数的方法。分享给大家供大家参考。具体如下: 示例1:子窗口是新打开的窗口 父窗口: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
本节主要介绍了jquery、js调用iframe父窗口与子窗口元素的方法,需要的朋友可以参考下
本文给大家介绍了JavaScript中的子窗口与父窗口的互相调用问题,非常不错,具有参考借鉴价值,需要的朋友参考下吧
1、不能使用window.parent Window.parent是用来在frame中进行操作的,在对话框中不能用来操作父窗口对象 2、正确的做法 调用modaldialog时通过传参数的方式操作 例: 需求 父窗口页面为a.html 子窗口页面为b.html。...
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
项目中遇到的一个浏览器不兼容问题: 在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使。 代码如下: <frameset rows=”108,*,30″ border=”0″ frameSpacing...
其实,他们之间的调用还是很简单的~ 基础篇 一、父页面调用子页面中的JS 我们先创建一个子窗体 代码如下: var win $(function () { Root = $(‘#Root’).val();//设置根目录 }); function OpenPlayer(id, type, add)...
在模态窗口关闭时刷新父页面,直接可以调用的
第一:父窗口打开子窗口是一个新增用户信息的iframe子页面,点击保存后,子窗口iframe则去调用父窗口的function closeAddWindow()方法,让父窗口去关闭新增页面; 第二:父窗口打开一个设置用户权限的iframe子窗口,...
为了便于父窗口操作子窗口,可以为 window.open( ) 方法定义一个变量,例如: var opW = window.open("tests.html","popup","width=300,height=300"); 这样,要关闭子窗口可直接使用:opW.close( ) 方法。 如果父...
子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window....