Como remover a hash de uma URL com JavaScript

Neste artigo você vai aprender a como remover a hash de uma URL com JavaScript, ou seja, o texto que na URL que contém uma hash #texto

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

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Temos algumas ações na página que podem adicionar uma hash a URL

Normalmente quando clicamos em uma tag de âncora que não tem um redirecionamento, isso acontece

E como excluir esta hash da URL?

Podemos utilizar o método replaceState do objeto history, é bem simples

Veja um exemplo:

history.replaceState(null, null, ' ');

Os parâmetros servem justamente para excluir tudo que está na área de hash da URL

Simples não é?

Agora você pode inserir em alguma função ou após um determinado evento que ocorre no seu programa

Conclusão

No artigo de hoje você viu como remover a hash de uma URL com JavaScript

Utilizamos uma função chamada replaceState, que pode alterar o estado da URL em alguns casos

Mas também serve para limpar tudo que está na hash da URL, que é o nosso objetivo principal

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