Abrir URL em uma nova janela com JavaScript

Kushank Singh 18 outubro 2021
Abrir URL em uma nova janela com JavaScript

Neste tutorial, abrimos um URL em uma nova janela usando JavaScript.

Os links que levam os usuários a diferentes sites devem ser abertos em novas guias ou janelas. Conseqüentemente, alguns métodos são fornecidos abaixo para referência.

A função window.open() cria uma janela secundária do navegador. Podemos especificar o URL do site necessário na função. Também nos permite controlar certos recursos da janela recém-criada usando parâmetros como height, width, scrollbars e muito mais.

Veja o seguinte exemplo.

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

No exemplo acima, temos uma tag de hiperlink em HTML, que executa a função window.open() ao clicar. Observe o _blank no exemplo acima. Isso garante que uma nova guia seja aberta na janela.

Também podemos abrir um URL em uma nova guia. Para isso, não precisamos da função window.open(). Definimos apenas o parâmetro target como target="_blank" na tag de hiperlink, e ele sempre abrirá URLs em uma nova guia.

Por exemplo,

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