JQuery: Abrir enlace en nueva pestaña/ventana al pulsar boton o div

Con este codigo podras abrir una url en una nueva ventana o pestaña al pulsar un boton o algun DIV.

Para ellos deberás darle la clase “btn_new_tab” a tu div o botón, quedando algo asi:

Mi contenido

Tambien podrias modificarlo para pasarle la url que quieras o incluso abrir varias pestañas a la vez.


$(".btn_new_tab").click(function(e) {
  console.log("new tab");
  e.preventDefault();
  var tab = window.open('http://www.vicolin.net', '_blank');
  if(tab){
    tab.focus(); //ir a la pestaña
  }else{
    alert('Pestañas bloqueadas, activa las ventanas emergentes (Popups) ');
    return false;
  }
});



Nota: Si intentas abrir mas de 1 ventana es posible que el navegador la bloquee, por eso deberás activar las ventanas emergentes (PopUps).

Tipos de ventana:

  • _blank – La URL es cargada en una nueva ventana. Es la opcion por defecto.
  • _parent – La URL es cargada en la ventana principal (padre).
  • _self – La URL es cargada en la ventana donde estas.
  • _top – La URL reemplaza todos los framesets que se pudieran cargar.

Terminos de Busqueda:

  • abrir ventana de cargada
  • dfCOMO ABRIR PESTAÑAS EN C
  • jquery abrir una ventana con contraseña

Escríbeme un comentario si este contenido te fue útil o si te quedó alguna duda, así podré mejorarlo. Gracias!