How to close current tab in a browser window using JavaScript?
In this article, we will see how to close the current tab in a browser window using JavaScript.
To make this, we will use window.close() method. Â This method is used to close the window which is opened by the window.open() method.Â
Syntax:
window.close();
But accounting for a security feature, that was introduced a few years ago, ordinary JavaScript lost its privilege to close the current tab, just by using this syntax.Â
Note: A current window/tab will only get closed if and only if it was created & opened by that script. Means the window.close syntax is only allowed for the window/tab that is created & opened using window.open method.Â
Example: This example shows how to open the GeeksforGeeks window and then close it.Â
html
<!DOCTYPE html>
< html lang = "en" >
< head >
< title >
How to close current tab in a
browser window using JavaScript?
</ title >
</ head >
< body style = "text-align: center;" >
< h2 style = "color:green;" >
GeeksforGeeks
</ h2 >
< h4 style = "color:purple" >
Close Tab/Window using JavaScript
</ h4 >
< button onclick = "openWin()" >
Click to open GeeksforGeeks website
</ button >
< button onclick = "closeWin()" >
Click here to close the window
</ button >
< script >
let myGeeksforGeeksWindow;
function openWin() {
myGeeksforGeeksWindow = window
"_blank", "width=786, height=786");
}
function closeWin() {
myGeeksforGeeksWindow.close();
}
</ script >
</ body >
</ html >
|
Output: Â
Output
Last Updated :
13 Dec, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...