Enlace que abra dos páginas

Cuando estamos utilizando enlaces HTML dentro de una página web, su comportamiento natural es abrir la página (o una parte concreta) en el contexto actual del navegador.

Mediante HTML nos vemos limitados a este funcionamiento. Si queremos hacer otro tipo de cosas, debemos utilizar un lenguaje de scripting, como JavaScript.

Con JavaScript podemos modificar el comportamiento del navegador. Por ejemplo, podemos hacer que, al pulsar un enlace, se abran dos URL de destino en lugar de una.

Limitaciones

Antes de empezar, conviene indicar que esta técnica tiene limitaciones.

En particular, reduce la accesibilidad y no funcionará en dispositivos o entornos que no interpreten JavaScript, como puede ser el caso de algunos móviles o navegadores con JavaScript deshabilitado.

Abrir una ventana con window.open

La idea inicial es abrir dos ventanas con dos URL. Para ello, lo primero que tenemos que saber es cómo abrir una ventana vía JavaScript.

Esto lo haremos mediante el objeto window del DOM del navegador y su método .open().

Veamos la línea de código:

window.open(url, nombreVentana, caracteristicas);

Crear una función que abra dos URL

Lo que haremos será crear una función que realice dos llamadas al método open. Dicha función recibirá como parámetro las dos URL que queramos abrir.

function abrirEnlaces(url1, url2) {
  window.open(url1);
  window.open(url2);
}

Llamar a la función desde un enlace

La función será llamada cuando pulsemos en un enlace. Para controlar esta pulsación, debemos basarnos en la gestión de eventos.

El evento a capturar será el evento onclick del enlace.

<a href="#" onclick="abrirEnlaces('https://www.ayudaenlaweb.com', 'https://lineadecodigo.com');">
  Enlace que abre dos ventanas
</a>

Antes de procesar el JavaScript, el navegador procesará el comportamiento por defecto del enlace HTML. Por ello, debemos deshabilitar la navegación normal del enlace indicando href="#".

Esto significa que el enlace no navega a otra página y se queda en el mismo sitio donde se encuentra el usuario.