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