How To Open New Window New · Popular & Safe

Before we dive into the "how," we must address the keyword intent: How to open a new window new.

When users search for this, they often mean one of two things:

The Technical Distinction:

Why choose a New Window?

Leo leaned in. He knew that the window.open() method was the gateway, but it needed precise instructions. The first argument was the URL—the destination.

"That’s the easy part," he whispered, typing the string. 'report.pdf'. That told the browser where to go. But the magic wasn't in the destination; it was in the vehicle. how to open new window new

Leo sat back, satisfied. But then he remembered the final requirement. "If the user clicks 'Close' inside the PDF viewer, we need to refresh the main page."

To do that, he needed to control the new window from the old one. He looked at his code. window.open didn't just open a window; it returned a reference to it.

By assigning the result to the variable newWindow, he held a leash on the new entity.

He added a check. You can't manipulate a window that doesn't exist or was blocked by a pop-up blocker.

if (newWindow) 
    // The window is open
    newWindow.focus(); // Bring it to the front
 else 
    alert('Please allow pop-ups for this site.');

He could even write to it. newWindow.document.write('<h1>Loading...</h1>'); Before we dive into the "how," we must

He realized the power he held. The window.open method wasn't just a command; it was a relationship. The parent window could talk to the child, and if he used the opener property inside the new window, the child could talk back.

| Use a New Window | Use a New Tab | |---------------------|-------------------| | You want to view two sites side-by-side on different monitors or halves of a large screen | You want to quickly switch between pages in the same window | | You're presenting and need different content on each screen | You're researching and want to keep things organized | | You want separate browsing sessions (e.g., logged into two different accounts) | Most everyday browsing |

If you're designing a UI feature (e.g., right-click menu or a button) that lets users open something in a new window (not a new tab):

User expectation:

Standard ways to implement this in a UI: The Technical Distinction:

If you are a web developer and want to override user behavior (use sparingly), you use the window.open() method with specific parameters.

// This opens "https://example.com" in a new window that is 800px wide and 600px tall
window.open('https://example.com', '_blank', 'width=800,height=600,toolbar=yes,location=yes');

The HTML way (traditional but now defaults to tab):

<a href="https://example.com" target="_blank">Link</a>

Note: In modern browsers, target="_blank" usually opens a new tab, not a window. To force a true window, you cannot do this via HTML alone; you need JavaScript or ask the user to change their browser settings.

| OS/Browser | New Window (blank) | New Window (with current page) | |------------|------------------|--------------------------------| | Windows/Linux | Ctrl + N | Ctrl + Shift + N (Chrome: incognito) – otherwise use Ctrl + click link | | Mac | Cmd + N | Cmd + Shift + N (Chrome: incognito) | | Any | Middle-click on a link → new tab, not window; Shift + middle-click → sometimes new window |

| Method | Steps | |--------|-------| | Keyboard shortcut | Press Ctrl + N | | Browser menu | Click the 3 dots (Chrome/Edge) or 3 lines (Firefox) → New window | | Right-click a link | Right-click any link → Open link in new window |