How to close current tab in a browser window using JavaScript?
Last Updated :
13 Dec, 2023
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...