You are here: Home » All Posts » JavaScript Popup Windows » Using the window.close method

Using the window.close method

in JavaScript Popup Windows

It may be needed that you need to give a close link in the popup you created. The window.close () method could be used to close a window.

However, there are certain security restrictions for using the close() method.

The close method closes only windows opened by JavaScript using the open method. If you attempt to close any other window, a confirm message is displayed, asking the user to choose whether the window is to be closed or not.

If you have the reference to a window, you can use the reference to the window to close.
For example:

popup_window = window.open("");

.....

popup_window.close ();

You can close the current window using self.close ();
For example:

<a href="self.close ()">Close this Window</a>

Sample Code for window.close()

<html>
<head>
   <title>JavaScript Window Close Example </title>
</head>
<script type="text/javascript">
   function popuponclick()
   {
      my_window = window.open("",
       "mywindow","status=1,width=350,height=150");

      my_window.document.write('<h1>The Popup Window</h1>');
   }

   function closepopup()
   {
      if(false == my_window.closed)
      {
         my_window.close ();
      }
      else
      {
         alert('Window already closed!');
      }
   }
</script>
<body>
   <p>
      <a href="javascript: popuponclick()">Open Popup Window</a>
   </p>

   <p>
      <a href="javascript: closepopup()">Close the Popup Window</a>
   </p>
</body>
</html>

See the code above in work in the Link below.

JavaScript Window Close Example 1

Click on the ‘Open Popup window’ link to open the popup first and then click on the ‘Close the Popup window’ link to close the popup.

Be Sociable, Share!
  • http://www.bloggerbonus.com/ Mukesh

    Thanks you did a great job. http://www.bloggerbonus.com/

  • sum

    Nice blog… Thanks

  • Rupesh

    both not working at all.!!

  • test

    I try “javascript:self.close();” or “javascript:windows.close();” also doesn’t work

  • http://periodicupdates.blogspot.com John

    Good blog, visit my blog too.
    You can find some useful java and javascript programs

  • http://astonishspace.blogspot.com Sriram

    Nice post dude.

  • boomboom

    javascript:self.close(); I searched this on google and came here, a service report center used it to close a popup and Mozilla showed me what JavaScript is used to do it lol!

  • anu

    i tried self.close(); but its not working

  • plas

    oops.. so here it is:
    put this onclick=”window.close();” in an “a” tag.. ;)

  • cronosold

    it’s “javascript:self.close();”

  • vishal

    i have tried self.close (); but it doesn’t work

  • http://muasamvui.com mc jam bi

    thansk so much ! i am using popup(width,height,name) and do not know how to close it ! :D funny me ! :D

Previous post:

Next post: