javascript how to close current window code example

Example 1: javascript close current tab

window.close();//closes the current browser tab

Example 2: javascript close window

<!DOCTYPE html>
<html>
<body>

<button onclick="openWin()">Open "myWindow"</button>
<button onclick="closeWin()">Close "myWindow"</button>

<script>
var myWindow;

function openWin() {
  myWindow = window.open("", "myWindow", "width=200,height=100");
  myWindow.document.write("<p>This is 'myWindow'</p>");
}

function closeWin() {
  myWindow.close();
}
</script>

</body>
</html>

Example 3: how to close tab by javascript

// IF you use in a button
<button onclick="window.close();">Exit</button>
// if you use in function
function closeWin() {
  myWindow.close();   // Closes the new window
}
// But it will only work when you open a window through your code like this
function openWin() {
  myWindow = window.open("", "myWindow", "width=200, height=100");   // Opens a new window
}
// You can't close the current window that was open by browser. beacuse browser don't give permission for this

Example 4: close browser tab javascript

//You are able to close a browser tab with an index.html page
//The code below from lines 3-13 are from the index.html page, it redirects you to another page
<!DOCTYPE html>
<html>
<head>

    <script type="text/javascript">
window.open("/folderDirectory/example.php"); 


     </script>
</head>
</html>
//The code below is from the example.php
  $(document).ready(function(){
    $("button").click(function(){
      window.close();
      });
  });//jquery is used to make the user click the button to exit 

//The code below should be placed in the html body, it is a button that closes the window when the user clicks on it
<button style="border: none;" >Exit</button>

Tags:

Python Example

Recent Posts