How can I close the current browser tab when the user click on a button using JavaScript?

Question

In a page I have a 'Close' button that when clicked has to close the current browser tab (the tab in which is the page that contain this close button). So I wrote something like this:

<button type="button" class="btn btn-default" style="color: #0F8BB0;" onclick="window.close();">
    Close
</button>

But it doesn't work and the current browser tab is not closed. Why? What am I missing? How can I try to solve this issue?

You can only close child windows (or tabs) that have been created from the original tab - you cannot close the originator. — Rory McCrossan, Nov 10 '15 at 10:16

score 2 · Answer 1 · edited May 23 '17 at 10:27

2

You are doing it correctly, however browsers prevent you from closing a window if your javascript didn't create it.

So basically you can only close a window if you opend that window through javascript.

Also see: window.close and self.close do not close the window in Chrome

edited May 23 '17 at 10:27

Community

1
1

answered Nov 10 '15 at 10:18

Dirk-Jan

1,109
10
21

and there is not any way to force this behavior and close it? – AndreaNobili Nov 10 '15 at 10:19
1

no sorry there is no way around this, because of security reasons/user experience. – Dirk-Jan Nov 10 '15 at 10:23

How can I close the current browser tab when the user click on a button using JavaScript?

1 Answers1