gpt4 book ai didi

javascript - 父窗口关闭时关闭子窗口(弹出窗口)

转载 作者:太空宇宙 更新时间:2023-11-04 14:36:45 27 4
gpt4 key购买 nike

我有一个简单的示例页面,当您单击一个链接时,我正在处理一个弹出式子弹出窗口。我一直在尝试各种卸载事件以在父窗口关闭时关闭子窗口,但似乎无法弄清楚我缺少与简单编码相关的内容。

弹出窗口完美运行,但是关闭父窗口会使弹出窗口保持打开状态。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<a href='javascript:void(0);' onclick='window.open("http://example.com/files/foldername/","pagename","width=800, height=800");' target='windowname'><font color="#70c7c8">Link Name</a>
</body>
</html>

最佳答案

你正在寻找window.onbeforeonload:

<script>
var openPopup = function() {
var popupWindow = window.open("http://example.com","pagename","width=800, height=800");
window.onbeforeunload = function() {
popupWindow.close();
};
}
</script>
<a href='javascript:void();' onclick='openPopup()'>Click to open a window...</a>

http://jsfiddle.net/LM35w/

(你不知道我关闭了多少次窗口来测试它,然后就失去了对 fiddle 的追踪......)

关于javascript - 父窗口关闭时关闭子窗口(弹出窗口),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24727036/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com