关闭弹出窗口 - Javascript

在前端开发中，弹窗是常用的交互方式。但是有时候我们需要在用户点击确认后关闭弹窗，本文将介绍如何使用Javascript来关闭弹出窗口。

使用window.close()方法

关闭弹出窗口最简单的方法就是使用 window.close() 方法。该方法可以关闭当前打开的窗口。

window.close();

但是需要注意的是，该方法只能关闭通过 window.open() 方法打开的窗口。如果弹窗是通过其他方式打开的，该方法将无法关闭弹窗。

关闭父窗口中的弹出窗口

如果我们在父窗口中使用 window.open() 方法打开了一个新窗口，我们可以通过 window.close() 方法在父窗口中关闭该弹窗。

var popup = window.open("popup.html", "popup", "width=200, height=200");
popup.close();

关闭子窗口中的弹出窗口

如果我们在子窗口中打开了一个新弹窗，我们可以通过 window.opener 属性访问父窗口对象，然后使用该对象的 window.close() 方法关闭该弹窗。

var popup = window.open("popup.html", "popup", "width=200, height=200");
popup.opener.window.close();

结论

以上就是关闭弹出窗口的几种方法。需要注意的是，由于浏览器的安全限制，除 window.close() 方法外，其他方法只能在同域名下使用。

欢迎补充和指正。