Abrir URL en una nueva ventana con JavaScript

Kushank Singh 18 octubre 2021
Abrir URL en una nueva ventana con JavaScript

En este tutorial, abrimos una URL en una nueva ventana usando JavaScript.

Los enlaces que llevan a los usuarios a diferentes sitios deben abrirse en nuevas pestañas o ventanas. Por lo tanto, a continuación se proporcionan algunos métodos como referencia.

La función window.open() crea una ventana secundaria del navegador. Podemos especificar la URL del sitio web requerida dentro de la función. También nos permite controlar ciertas características de la ventana recién creada usando parámetros como height, width, scrollbars, y más.

Vea el siguiente ejemplo.

<a href="" onclick="window.open('https://www.required-url.com/', '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  CLICK HERE!
</a>

En el ejemplo anterior, tenemos una etiqueta de hipervínculo en HTML, que ejecuta la función window.open() al hacer clic. Tenga en cuenta el _blank en el ejemplo anterior. Asegura que se abra una nueva pestaña en la ventana.

También podemos abrir una URL en una nueva pestaña. Para ello, no necesitamos la función window.open(). Solo establecemos el parámetro target como target="_blank" en la etiqueta del hipervínculo, y siempre abrirá las URL en una nueva pestaña.

Por ejemplo,

<a target="_blank"
   href="https://www.requiredlink.com/">
    CLICK HERE!
</a>