跳出页面，释放自由：5.js关闭当前页面(窗口)的窍门

关闭当前页面或窗口：5 种 JavaScript 方法

在日常的上网过程中，我们经常需要关闭当前页面或窗口。无论是想重新开始、切换任务，还是结束一次探索之旅，JavaScript 都提供了多种方式来关闭当前页面或窗口。

5 种关闭当前页面或窗口的方法

1. window.close()——一劳永逸，斩断牵绊

最直接的方式是使用 window.close() 方法。它将关闭当前窗口，毫不犹豫，不留余地。就像一柄利剑斩断牵绊，让当前页面与你的浏览历史彻底分离。

window.close();

2. location.href = “”——无缝切换，告别过去

location.href = "" 方法看似简单，却拥有强大的力量。它将清空当前页面，然后加载一个新的 URL 地址。过去的一切被轻轻抹去，崭新的世界在你的眼前展开。仿佛一次无缝切换，让你在网络海洋中畅游无阻。

location.href = "https://www.example.com";

3. self.close()——优雅离场，从容收尾

self.close() 方法会优雅地关闭当前窗口，并将焦点转移到父窗口或打开该窗口的页面。它就像一场谢幕表演，演员们用完美的姿态向观众致谢，然后从舞台上缓缓退场。

self.close();

4. window.open() + window.close()——巧妙组合，收放自如

window.open() 和 window.close() 方法的巧妙组合就像双剑合璧，威力无穷。先用 window.open() 打开一个新窗口，再用 window.close() 关闭它，形成一个完美的闭环。你可以轻松地打开和关闭多个窗口，在不同的页面间切换自如。

const newWindow = window.open("https://www.example.com", "_blank");
newWindow.close();

5. top.close()——斩断亲缘，独立自主

当你在多层嵌套的框架或窗口中时，top.close() 方法横空出世，斩断与父窗口的亲缘关系，让当前窗口独立自主。它就像一位少年，毅然决然地离开家庭，踏上独立自主的征程。

top.close();

使用示例

• 重新加载页面： location.reload();
• 关闭当前标签页： window.close();
• 在新窗口中打开 URL： window.open("https://www.example.com", "_blank");
• 在新窗口中打开当前页面： window.open(location.href, "_blank");

常见问题解答

1. 如何使用 JavaScript 关闭父窗口？

parent.close();

2. 如何关闭所有打开的窗口？

for (let i = 0; i < window.length; i++) {
  window[i].close();
}

3. 如何使用键盘快捷键关闭窗口？

• Windows： Ctrl + W
• Mac： Cmd + W

4. 如何使用鼠标关闭窗口？

单击浏览器窗口右上角的关闭按钮 (X)。

5. 如何防止弹出窗口被阻止？

在浏览器的设置中允许弹出窗口。