JavaScript

Como forçar a abertura de um link em outra aba

23 de novembro de 2020

Como forçar a abertura de um link em outra aba

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

 

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x