Neste artigo você vai aprender a como forçar a abertura de um link em outra aba, com JavaScript e também com HTML puro, de forma simples
Fala programador(a), beleza? Bora aprender mais sobre como abrir links em novas abas, em vez da que o usuário está
Primeiramente é interessante citar que a forma mais fácil de resolver este problema é com HTML puro
Temos um atributo que é o target, e com o valor _blank, faz exatamente o que precisamos, abre um link em uma nova aba
Veja um exemplo prático:
<a href="https://www.google.com" target="_blank">Acessar Google em nova aba</a>
Simples assim, você já tem tudo configurado e o usuário acessa a página que linkamos em uma nova aba
Abrindo link em nova aba com JavaScript
Caso mesmo assim você precisa resolver com JavaScript, também há a solução
Você deve adicionar a instrução de window.open com o click em algum elemento
Veja um exemplo:
var el = document.querySelector("#elemento");
el.addEventListener("click", function() {
window.open("https://www.google.com", "_blank");
});Neste exemplo, selecionamos um elemento com querySelector
E depois disso aplicamos um evento para o click no mesmo, que vai abrir o link adicionado a open em uma nova aba
Simples né? 😀
Conclusão
Neste artigo vimos como forçar a abertura de um link em outra aba
Podemos resolver o problema facilmente com HTML adicionando o atributo de target com _blank
Ou com um evento de click no elemento alvo, utilizando a função open de window
Após estes eventos aplicados, o link será aberto em uma nova aba e assim concluímos nosso objetivo
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube