在开发 Web 应用程序时，我们经常需要与浏览器窗口进行交互。其中一个常见的需求是在前端代码中关闭当前选项卡。本文将介绍几种方法来实现这一目标，并提供示例代码和深入讨论。
使用 window.close()
最简单的方法是使用 window.close()。这个方法可以在当前窗口中关闭当前选项卡。
<button onclick="window.close();">关闭当前选项卡</button>
然而，这种方法有一个限制：它只能关闭由 JavaScript 打开的窗口。如果当前选项卡不是由 JavaScript 打开的，那么 window.close() 方法将无效。
使用 window.opener 和 window.close()
另一种方法是在打开当前选项卡的窗口中使用 window.opener 属性。这个属性可以获取打开当前选项卡的窗口对象。通过调用 window.close() 方法，我们可以关闭当前选项卡。
<button onclick="window.opener=null;window.close();">关闭当前选项卡</button>
然而，这种方法有一个安全问题：如果当前选项卡是从另一个域名中打开的，那么我们将无法获取到打开当前选项卡的窗口对象。在这种情况下，我们将无法使用这种方法关闭当前选项卡。
使用 window.open() 和 window.close()
最后一种方法是在打开当前选项卡的窗口中使用 window.open() 方法。这个方法可以打开一个新窗口，并返回一个该窗口的引用。我们可以保存这个引用，在需要时调用 close() 方法来关闭当前选项卡。
// 在打开当前选项卡的窗口中执行以下代码
let myWindow = window.open("", "myWindow");
myWindow.close();这种方法是最可靠的，并且可以在任何情况下使用来关闭当前选项卡。但是，它需要保存对打开当前选项卡的窗口对象的引用，这意味着我们需要在打开当前选项卡的窗口中执行此代码。
总结
本文介绍了三种在浏览器窗口中关闭当前选项卡的方法：window.close()、window.opener 和 window.close()、window.open() 和 window.close()。每种方法都具有不同的优点和限制，您应该根据自己的需求选择适合的方法。
无论您选择哪种方法，都应该牢记安全问题。仅当您能够完全信任当前选项卡所在的域名时，才应该使用与 window.opener 相关的方法。
希望本文能够帮助您学习如何在浏览器窗口中关闭当前选项卡。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8574