How to open a URL in new tab instead of new window programatically?
6 Answers
Use window.open()
:
var win = window.open('http://stackoverflow.com/', '_blank');
if (win) {
//Browser has allowed it to be opened
win.focus();
} else {
//Browser has blocked it
alert('Please allow popups for this website');
}
Depending on the browsers implementation this will work
There is nothing you can do to make it open in a window rather than a tab.
-
3
-
3It's a special name of a browser window that will create a new window every time, alternatively you could use a specific name like "login_screen", if the window is already loaded it will reload the content with the URL you have provided Feb 16, 2017 at 10:49
-
5
window.open()
would cause the popup warning which is an unwanted user experience. Instead introduce a hidden<a href="" target="_blank" id="click_me" ></a>
somewhere and perform a click using.click()
For ex:document.getElementById('click_me').click()
– nehemFeb 26, 2020 at 3:53
This is as simple as this.
window.open('_link is here_', 'name');
Function description:
name
is a name of the window. Following names are supported:
_blank
- URL is loaded into a new tab. This is default._parent
- URL is loaded into the parent frame_self
- URL replaces the current page_top
- URL replaces any framesets that may be loaded
-
6For security, one could add the "noopener" and "noreferrer" window features: window.open("url", "_blank", "noopener,noreferrer");– kasJun 3, 2020 at 5:00
if you mean to opening all links on new tab, try to use this jquery
$(document).on('click', 'a', function(e){
e.preventDefault();
var url = $(this).attr('href');
window.open(url, '_blank');
});
-
@Vicky is your
a
element appended by other event? May you need to change.click
with.on('click'
Oct 20, 2015 at 1:12 -
i am trying to implement same logic using your answer which works but when i try to right click and do open link in new tab it doesnt. any idea how can i fix that?– mikeJan 2, 2018 at 20:23
You can easily create a new tab; do like the following:
function newTab() {
var form = document.createElement("form");
form.method = "GET";
form.action = "http://www.example.com";
form.target = "_blank";
document.body.appendChild(form);
form.submit();
}
-
Hi dude.. when I open like this im getting like firefox prevented this site from opening popup.... Sep 4, 2014 at 10:34
-
3Amend your implementation to be user-driven (i.e. Click a link) and not self-executing (i.e. On page load) ... then praise the righteous popup blocker– KoffyNov 2, 2014 at 15:20
I know your question does not specify if you are trying to open all a tags in a new window or only the external links.
But in case you only want external links to open in a new tab you can do this:
$( 'a[href^="http://"]' ).attr( 'target','_blank' )
$( 'a[href^="https://"]' ).attr( 'target','_blank' )
-
It treats www.google.com as an internal link.. How can i open it in a new tab ? or Add http Nov 28, 2019 at 6:07
<a target="_blank" href="url">
but it's up to the user's browser preferences.