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(打开新窗口):
代码2(关闭弹出窗口并刷新主页面):
代码3(关闭弹出窗口并刷新主页面,重点推荐方法):
思路和技术:
主要应用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>
上一篇: wpf仿vista得玻璃效果按钮
下一篇: 并行计算
推荐阅读
-
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)_javascript技巧
-
删除提示、弹出窗口、本窗口关闭,父窗口刷新
-
javascript弹出新窗口并定时关闭的实现方法
-
关闭模态子窗口后刷新父窗口
-
关闭模态子窗口后刷新父窗口
-
fckeditor粘贴Word时弹出窗口取消的方法_javascript技巧
-
关闭时刷新父窗口两种方法_javascript技巧
-
解决JavaScript关闭浏览器窗口时弹出确认关闭对话框问题
-
解决JavaScript关闭浏览器窗口时弹出确认关闭对话框问题
-
javascript 实现父窗口引用弹出窗口的值的脚本_javascript技巧