在父窗口关闭子窗口（解决刷新问题）

最新推荐文章于 2026-03-31 03:45:54 发布

原创最新推荐文章于 2026-03-31 03:45:54 发布 · 2.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #function #button #input #html

本文介绍了一种在父窗口刷新后仍能正确关闭子窗口的方法。通过使用特定的 JavaScript 技巧，确保即使在父窗口刷新的情况下，也能找到并关闭之前打开的子窗口。这种方法对于需要频繁打开和关闭窗口的应用场景非常有用。

1、一般方法（存在刷新问题）

a.htm (父窗口)

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>父窗口</title>
<script   language="javascript">
var wind;   //全局变量
function winopen()
{
wind=window.open("b.htm","childwind","",""); //打开子窗口
}
function winclose()
{
if(typeof(wind)!="undefined"&&wind.open&&!wind.closed) //判断是否存在子窗口并处于打开状态
{
     wind.close(); //关闭子窗口
}
}
</script>
</head>

</html>

存在问题：当父窗口进行刷新时，wind将等于undefined，所以无法找到子窗口并将其关闭

2、我的方法（解决刷新问题）

a.htm (父窗口)

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>父窗口</title>
<script language="javascript">
var wind; //全局变量
function winopen()
{
wind=window.open("b.htm","childwind","",""); //打开子窗口，注意链接地址为：b.htm你要打开的页面
}
function winclose()
{
wind=window.open("b.htm","childwind","",""); //打开子窗口，注意窗口名与上面的一样：childwind，链接地址为：c.htm用于处理关闭
}
</script>
</head>

</html>

c.htm （处理关闭的页面）

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script language="javascript">
function winopen()
{
window.close(); //将自身关闭
}
</script>

</head>

</body>

</html>