
我们将在本教程中学习使用 JavaScript 关闭浏览器窗口。假设用户在 2 个选项卡中打开了您的网站并且不想允许它,那么您可以使用 JavaScript 自动关闭一个选项卡。
此外,如果您注意到某些网络应用程序会自动打开浏览器窗口来捕获脸部,那么当您通过单击按钮捕获图像时,它会自动关闭。这就是我们使用 JavaScript 所能做的一切。
本教程将教授使用 JavaScript 关闭浏览器窗口中当前选项卡的不同示例。
注意 - JavaScript 永远不允许开发人员关闭用户打开的窗口。这是由于一些安全问题。所以,程序员只能关闭使用JavaScript的open()方法打开的浏览器窗口。
立即学习“Java免费学习笔记(深入)”;
语法
您可以按照以下语法使用close()方法关闭浏览器窗口。
let new_window = window.open(URL, width, height); new_window.close();
在上面的语法中,我们在创建 new_window 变量时将返回值存储在其中。之后,我们使用 close() 方法关闭新打开的窗口。
示例
在这个例子中,我们有两个按钮;一种是打开新选项卡,另一种是关闭使用 JavaScript 打开的新选项卡。
用户首先需要通过单击“打开新选项卡”按钮使用 JavaScript 打开选项卡。他们可以单击“关闭新选项卡”按钮后,观察它会自动关闭该选项卡。
Using the window.close() method to close the browser's tab
Click "Open New Tab" to open a page in new tab and click "Close New Tab" to colse the opened tab
示例
在下面的示例中,我们创建了两个按钮,如上面的示例,用于打开和关闭选项卡。但是,在本示例中,我们还添加了“_blank”作为 open 方法的参数,这将打开一个新窗口而不是新选项卡。
接下来,用户可以单击新窗口按钮来关闭弹出窗口。
Using the window.close() method to close the browser's window.
Click "Open New Window" to open the page in new window and click "Close New Window" to colse the opened window
因此,用户学习使用 JavaScript 打开新选项卡或窗口。此外,还学习了使用 close() 方法关闭选项卡或窗口。
此外,我们还可以打开新窗口来接受用户输入,当用户提交表单数据时,我们可以在处理表单数据的函数中调用 close() 方法。











