Búsqueda de sitios web

¿Cómo abrir una URL en una nueva pestaña usando JavaScript o jQuery?


¿Cómo abrir una URL en una nueva pestaña en lugar de una nueva ventana programáticamente?

Respuesta #1

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

Dependiendo de la implementación del navegador, esto funcionará

No hay nada que puedas hacer para que se abra en una ventana en lugar de una pestaña.

Respuesta #2

Esto es tan simple como esto.

window.open('_link is here_', 'name'); 

Descripción de la función:

name es un nombre de la ventana. Se admiten los siguientes nombres:

  • _blank - La URL se carga en una nueva pestaña. Esto es predeterminado.
  • _parent - La URL se carga en el marco padre
  • _self - la URL reemplaza la página actual
  • _top - la URL reemplaza cualquier conjunto de marcos que pueda estar cargado

Respuesta #3

si quieres abrir todos los enlaces en una nueva pestaña, intenta usar este jquery

$(document).on('click', 'a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});

Respuesta #4

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

Respuesta #5

Puedes crear fácilmente una nueva pestaña; haz lo siguiente:

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

Respuesta #6

Sé que tu pregunta no especifica si estás tratando de abrir todos los enlaces a en una nueva ventana o solo los enlaces externos.

Pero en caso de que solo quieras que los enlaces externos se abran en una nueva pestaña, puedes hacer esto:

$( 'a[href^="http://"]' ).attr( 'target','_blank' )
$( 'a[href^="https://"]' ).attr( 'target','_blank' )

Artículos relacionados