How to open a URL in a new Tab using JavaScript or jQuery?

ID : 10036

viewed : 37

Tags : javascriptjqueryasp.net-mvcjavascript

Top 5 Answer for How to open a URL in a new Tab using JavaScript or jQuery?

vote vote

93

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.

vote vote

86

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
vote vote

74

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'); }); 
vote vote

62

 var url = "http://www.example.com";  window.open(url, '_blank'); 
vote vote

52

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(); } 

Top 3 video Explaining How to open a URL in a new Tab using JavaScript or jQuery?

Related QUESTION?