I am diverting user to some url through window.location but this url opens in the same tab in browser. I want it to be open in new tab. Can I do so with window.location? Is there another way to do this action?
7 Answers
window.open(' '_blank');The second parameter is what makes it open in a new window. Don't forget to read Jakob Nielsen's informative article :)
2You can even use
window.open(' "_blank") || window.location.replace(');This will open it on the same tab if the pop-up is blocked.
1I don't think there's a way to do this, unless you're writing a browser extension. You could try using window.open and hoping that the user has their browser set to open new windows in new tabs.
This works for me on Chrome 53. Haven't tested anywhere else:
function navigate(href, newTab) { var a = document.createElement('a'); a.href = href; if (newTab) { a.setAttribute('target', '_blank'); } a.click();
}with jQuery its even easier and works on Chrome as well
$('#your-button').on('click', function(){ $('<a href="" target="blank"></a>')[0].click();
})Rather going for pop up,I personally liked this solution, mentioned on this Question threadJavaScript: location.href to open in new window/tab?
$(document).on('click','span.external-link',function(){ var t = $(this), URL = t.attr('data-href'); $('<a href="'+ URL +'" target="_blank">External Link</a>')[0].click(); });Working example.
We have to dynamically set the attribute target="_blank" and it will open it in new tab.document.getElementsByTagName("a")[0].setAttribute('target', '_blank')
document.getElementsByTagName("a")[0].click()
If you want to open in new window, get the href link and use window.open
var link = document.getElementsByTagName("a")[0].getAttribute("href");
window.open(url, "","height=500,width=500");
Don't provide the second parameter as _blank in the above.
