javascript close current window

Question

please help java script about close current window. this is my code and it does not work.

<input type="button" class="btn btn-success"
                     style="font-weight: bold; display: inline;"
                     value="Close"
                     onclick="closeMe()">
function closeMe()
{
    window.opener = self;
    window.close();
}

I tried this but it doesn't work either:

var win = window.open("", "_self");
win.close();

Possible duplicate of http://stackoverflow.com/questions/8057802/html-button-close-window — Wit Wikky, Apr 26 '14 at 05:18
I knew it, but on other post, it doesn't work on my project, so I posted another question to find a specific answer. — Kuc Ku, Apr 26 '14 at 05:21
Simply call `window.close()` and it will close the current window. If it doesn't work... it should always work. — Derek 朕會功夫, Apr 26 '14 at 08:27

score 33 · Answer 1 · edited Jul 18 '21 at 18:58

33

I know this is an old post, with a lot of changes since 2017, but I have found that I can close my current tab/window with the following now in 2019:

onClick="javascript:window.close('','_parent','');"

edited Jul 18 '21 at 18:58

brc-dd

10,788
3
47
67

answered Feb 03 '19 at 17:05

Errol Jacoby

331
3
2

1

2020 and I am new to everything but the following gets malformed html in Chrome – aNewb Nov 11 '20 at 17:14
4

@aNewb your problem is that you're missing the > that closes the opening ` – Troy Dec 11 '20 at 07:15
1

i love you, man – Petrov. Ivan Petrov Apr 22 '22 at 22:29
7

Chrome's console says "Scripts may close only the windows that were opened by them." – Nathan Apr 27 '22 at 15:25
I love you too! – Hawkeye4040 Jun 15 '22 at 21:44

Fowler · Answer 2 · 2020-09-01T12:48:58.633

17

Update

Since posting the answer the latest versions of browsers prevent the command from working. I'll leave the answer visible but note it ONLY works on older browser versions.

Most browsers prevent you from closing windows with javascript that were not opened with window.open("https://example_url.com") however, it is still possible to close the current window using the following command:

window.open('','_self').close()

This loads a blank url (the first argument) in the current window (the second argument) and then instantaneously closes the window. This works because when close() is called, the current window has been opened by javascript.

edited Sep 01 '20 at 12:48

answered Feb 20 '19 at 13:06

Fowler

514
4
11

10

If they may have work at some point, it surely no longer works on Chrome(tested with Chrome 85) – Gyum Fox Sep 01 '20 at 07:45
2

Just tested and unfortunately I think you're right @GyumFox :/ – Fowler Sep 01 '20 at 12:44

score 8 · Answer 3 · edited May 23 '17 at 12:09

8

You cannot close a window with javascript that you did not open. It will not work in chrome or firefox.

See https://stackoverflow.com/a/19768082/2623781 for more information.

edited May 23 '17 at 12:09

Community

1
1

answered Apr 24 '15 at 19:22

nate.merlin

89
1
3

score 8 · Answer 4 · edited Oct 06 '20 at 21:52

In JavaScript, we can close a window only if it is opened by using window.open method:

window.open('https://www.google.com');
window.close();

But to close a window which has not been opened using window.open(), you must

Open any other URL or a blank page in the same tab
Close this newly opened tab (this will work because it was opened by window.open())

window.open("", "_self");
window.close();

score 7 · Answer 5 · answered Feb 21 '18 at 18:23

7

To close your current window using JS, do this. First open the current window to trick your current tab into thinking it has been opened by a script. Then close it using window.close(). The below script should go into the parent window, not the child window. You could run this after running the script to open the child.

<script type="text/javascript">
    window.open('','_parent',''); 
    window.close();
</script>

answered Feb 21 '18 at 18:23

Pangamma

731
12
28

Well that is a bummer. Did any of the other scripts work? Seems to be working for me still and I am using Chrome. What is your Chrome version? Mine is "Version 89.0.4389.128 (Official Build) (64-bit)". They may have patched this. @scythargon – Pangamma Apr 20 '21 at 18:01
Did not work for me with latest MSEdge. – cskwg Nov 30 '21 at 07:32
@cskwg Dang. That sucks. – Pangamma Dec 21 '21 at 19:53

nicael · Answer 6 · 2014-04-26T05:17:45.360

5

Should be

<input type="button" class="btn btn-success"
                       style="font-weight: bold;display: inline;"
                       value="Close"
                       onclick="closeMe()">
<script>
function closeMe()
{
    window.opener = self;
    window.close();
}
</script>

edited Apr 26 '14 at 05:17

answered Apr 26 '14 at 05:11

nicael

18,550
13
57
90

1

Thanks but it doesn't work bro, I click on close button an nothing happened, I read some search in google and other got same problem as me, since firefox 22 or 23 – Kuc Ku Apr 26 '14 at 05:19

score 1 · Answer 7 · answered Sep 05 '20 at 01:12

1

If you can't close windows that aren't opened by the script, then you can destroy your page using this code:

document.getElementsByTagName ('html') [0] .remove ();

answered Sep 05 '20 at 01:12

Ibnul Husainan

221
3
6

2

Ugly. This just makes the window blank. – user253751 Dec 29 '20 at 20:26
Liked this answer. In some instances this works combined with document.location.reload(true); – Ramon Maldio Aug 28 '23 at 21:40

score 0 · Answer 8 · edited May 23 '17 at 12:31

I suggest to put id to the input, and close the window by callback function as the following:

<input id="close_window" type="button" class="btn btn-success"
                   style="font-weight: bold;display: inline;"
                   value="Close">

The callback function as the following:

<script>
   $('#close_window').on('click', function(){
      window.opener = self;
      window.close();
   });
</script>

I think sometimes onclick doesn't work, check the following answer also.

score 0 · Answer 9 · edited Apr 28 '18 at 10:53

I found this method by Jeff Clayton. It is working for me with Firefox 56 and Chrome (on Windows and Android).

Did not try all possibilities. On my side, I open a window with a target name in my A links, for example, target="mywindowname", so all my links open inside the same window name: mywindowname.

To open a new window:

<a href="example-link.html" target="mywindowname">New Window</a>

And then in the new window (inside example-link.html):

<a href="#" onclick="return quitBox('quit');"></a>

Javascript:

function quitBox(cmd) {   
    if (cmd=='quit') {
        open(location, '_self').close();
    }   
    return false;   
}

Hope this can help anyone else that is looking for a method to close a window. I tried a lot of other methods and this one is the best I found.

What's the point of the `'quit'` parameter? – user253751 Dec 29 '20 at 20:26 — user253751, Dec 29 '20 at 20:26

Herrand Voller · Answer 10 · 2021-07-01T13:12:03.997

I have the same problem, the browser does not allow to close the tab, but I fixed it for me (12th of June 2021). The browserhistory must be 1 step (in chrome) to be able to use window.close(), if you open another window, then you have 2 steps, it will not work anymore. So I have to close and open new every window. If I add a onClick=windows.close event on every link and open this link in a new tab (target=_blank") the history stays at 1 step and it can always close the tab with windows.close().

<html>
<head></head>
<body>
    <div id="navbarToggler" >   
        <ul>
            <li>
                <a href class="closes" id="close"><script>document.write("[close]")</script></a>
            </li>     
            <li>
                <a class="nav-link text-nowrap " href="#" id="navbarDropdownMenuLink" >
                    gallery...does not close, it should be the Dropdownlink
                </a>
                    <div aria-labelledby="navbarDropdownMenuLink">
                    <a  href="#">self.html</a> Here you can link where you want, but every site needs the script
                    </div>
            </li>
        </ul>
    </div>
    <script>    
        document.querySelectorAll("a").forEach(function(x){
        x.setAttribute('target', '_blank');
        x.setAttribute('onClick', "window.setTimeout(function(){window.close();}, 50);");
        document.getElementById("close").setAttribute('target', '_self');
        document.getElementById("close").setAttribute('onClick', "window.close()");
        document.getElementById("navbarDropdownMenuLink").setAttribute('onclick', "");
        document.getElementById("navbarDropdownMenuLink").setAttribute('target', '_self');})
    </script>
</body></html>

The id 'navbarDropdownMenuLink' must be excluded by closing because it is a dropdownmenu. The id 'close' must be excluded by opening in a new tab because this is the link to close the current tab. The setTimeout function is needed for Firefox.

This example is for a website where you go from the main page to a gallery, which is opened in a new tab. In this gallery you can choose Items and go from one gallerysite to the next. At least you can close this opened tab, it does not matter how many gallery sides you have visited, the tab will be closed with windows.close(). – — Herrand Voller, Jun 14 '21 at 15:55

rtO · Answer 11 · 2022-03-25T14:42:14.500

None of the pure JS solutions I've been able to find have worked for me, at least not with all three of the browsers that I use to test my code: FF/Chrome/Edge. So I developed (perhaps a dirty) solution with jQuery+JS+PHP. Maybe somebody has come with a similar solution, but I was not able to find one. The button that closes the tab/window (of course, it must be opened by JS) has the following click event that creates a hidden field (uniquely named) before it submits the form.

$(".cancel").on('click', function (){
var $form = $(this).closest('form');
$form.append($("<input>", { type:'hidden', name: "cancel", value: ''}));
$form.submit();
})

At the top of the PHP script I have the following code

if (isset($_POST['cancel'])){
?><script>window.close();</script><?php
exit;
};

This solution has been tested with FF 98 and Chrome/Edge 99. If the page doesn't have a form, it can be created with the previous event.

Just in case the page has more than one forms and they submit to different pages, just add $form.attr({target: "_self", action: ''}); in the event!

Sahil Thummar · Answer 12 · 2022-04-15T04:08:53.057

-1

Using javascript: window.close()

<input type="button" onclick="javascript: window.close()" class="btn btn-success" style="font-weight: bold; display: inline;" value="Close">

edited Apr 15 '22 at 04:08

answered Apr 15 '22 at 04:03

Sahil Thummar

1,926
16
16

score -2 · Answer 13 · answered Apr 26 '14 at 05:15

-2

TRY this out it works fine ...

<!DOCTYPE html>
<html>
<body>

<input type="button"  onclick="openWin()" value="open"/>
<input type="button"  onclick="closeWin()" value="close"/>

<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>

this works as you want it to work

answered Apr 26 '14 at 05:15

Vicky

694
1
8
23

1

Thanks, but I knew it, I just want a close button to close that current page, not close a pop up. – Kuc Ku Apr 26 '14 at 05:17

score -2 · Answer 14 · answered Jan 29 '16 at 23:17

-2

Works only in Google Chrome with self.close();. Tested in v48.

window.close() won't do what you want as the documentation for it clearly states that scripts may close only the windows that were opened by it.

answered Jan 29 '16 at 23:17

Razvan Stoenescu

315
2
7

1

`self === window` and none of those work unless the window is empty and or opened by the same script – aacotroneo Feb 23 '16 at 12:46

javascript close current window

14 Answers14

Update

Linked

javascript close current window

14 Answers14

** Update **

Linked

Update