window.close() and different browser implementations – it's complicated...
- Published at
- Updated at
- Reading time
- 2min
You can open new browser tabs or windows using the JavaScript method window
.
To see how it works, have a look at the button below:
<button type="button" onclick="window.open('/popular-posts/')">
Open popular posts
</button>
Pretty nifty, right?
As you saw, opening new tabs/windows with JavaScript is a single method call. And when it comes to closing a tab/window, there's the method window
, too.
Interestingly, using this method is more complicated, and it's not always closing the current browsing context. The reason for that is that you don't want random third-party scripts closing your open window. There have to be rules about it!
The HTML spec defines conditions when a script is allowed to close a tab/window via window
:
A browsing context is script-closable if it is an auxiliary browsing context that was created by a script (as opposed to by an action of the user), or if it is a top-level browsing context whose session history contains only one Document.
That's great, and now we're entering the grey zone of browser interpretations. It turns out that the browsers out there implemented the specification-based closing functionality in different ways.
And that's where I hand over to Eric Lawrence. Eric wrote a fascinating article about the different window
implementations.
It's a great and fascinating read the multiple available browsers; thank you, Eric!
Yes? Cool! You might want to check out Web Weekly for more WebDev shenanigans. The last edition went out 12 days ago.
Related Topics
Related Articles
- A new method to validate URLs in JavaScript (2023 edition)
- How to remove all event listeners from a DOM element
- Copy an array and replace one element at a specific index with modern JavaScript
- How to prerender Tweets without using the official Twitter APIs
- How to use EventTarget as a web-native event emitter