欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript:关闭弹出窗口时刷新父窗口

程序员文章站 2022-03-07 11:29:36
...
说明:关闭弹出窗口时刷新父窗口也可以说是关闭子窗口时自动刷新父窗口中的信息,即用户通过window对象的open()方法打开一个新窗口(子窗口),当用户在该子窗口中进行了数据库操作(如数据添加、修改和删除等)之后,关闭子窗口时,系统会自动刷新父窗口来实时更新信息;

思路和技术:

主要应用window.open()语句打开新窗口,并在新窗口中应用opener属性,该属性返回一个引用,用于指定打开本窗口的窗口对象。

& 语法:

window.opener

window.opener.方法

window.opener.属性

功能:返回的是一个窗口对象。opener属性与打开该窗口的父窗口相联系,当访问子窗口中opener属性时,返回的是父窗口,通过该属性,可以使用父窗口对象中的方法和属性。

注意:

如果窗口不是由其他窗口打开的,在Netscape中这个属性返回null;在IE中返回“未定义”(undefined)。undefined在一定程度上等于null。需要说明的是,undefined不是JavaScript常数,如果读者企图使用undefined,那就真的返回“未定义”了。

reload()方法相当于单击浏览器上的“刷新”(IE)或“Reload”(Netscap)按钮。


代码1(打开新窗口):
<a href="#" onClick="Javascript:window.open('meeting_add.jsp','','width=560,height=397')">超链接</a> 

代码2(关闭弹出窗口并刷新主页面):

<script language="javascript">
alert("会议记录保存成功!");
window.opener.location.reload(); //刷新父窗口中的网页
window.close();//关闭当前窗窗口
</script>

代码3(关闭弹出窗口并刷新主页面,重点推荐方法):
<script language="javascript"> 
function save(){
document.getElementById("pointsform").submit();
alert('保存成功');
window.opener.document.getElementById("cmd").value="query";
window.opener.document.getElementById("khxzform").submit();
window.close();
}
</script>