Como abrir uma nova janela com JavaScript

Neste artigo você vai aprender a como abrir uma nova janela com JavaScript puro, não uma aba e sim janela do navegador

Fala programador(a), beleza? Bora aprender mais sobre JavaScript!

Para abrir uma janela é bem fácil, vamos utilizar uma função do objeto global window

Ele possui vários métodos para trabalhar com o navegador, inclusive é onde as variáveis ficam guardadas

O método em questão é o open, podemos passar alguns parâmetros para ele

Primeiramente vamos passar a URL, depois um argumento com o valor de _blank, isso faz com que ele abra a nova janela

E por fim o posicionamento da janela nova, que possui algumas configurações

Veja um exemplo prático:

window.open('https://www.horadecodar.com.br', '_blank', 'toolbar=0,location=0,menubar=0');

É importante saber que alguns navegadores bloqueiam este comportamento, ou seja, o código pode não funcionar

E outros pedem a permissão do usuário para abrir esta nova janela, então pode também não funcionar ou ficar esperando o feedback do usuário

Mas o código é bem simples, né? 🙂

Conclusão

No artigo de hoje você aprendeu a como abrir uma nova janela com JavaScript

Utilizamos a função open do objeto window

São necessários alguns parâmetros para o recurso funcionar corretamente

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os curso