Como procurar por uma hash (#) na URL com JavaScript

Neste artigo você vai aprender a como procurar por uma hash (#) na URL com JavaScript, de uma maneira simples e eficaz

procurar por uma hash (#) na URL capa

Fala programador(a), beleza? Bora aprender mais sobre URL, objeto window e também JavaScript!

Para identificar uma hash há um meio bem simples, uma propriedade de location, que está no objeto global window

Formação Claude Code
Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

  • 118 aulas
  • 4 projetos
  • 9h 33min

A propriedade em questão é hash, coincidência não? 😀

Com isso já possível evidenciar a presença de uma hash

E utilizando o método substring, podemos resgatar o valor que está nela

Veja um exemplo de código completo:

// verificar se tem hash
if(window.location.hash) {
	
  // colocar hash em variável
  const hash = window.location.hash.substring(1);
  console.log(hash)

}

No if verificamos a presença de hash na URL

E na criação da constante hash, inserimos o valor dela em uma variável, simples não é?

Conclusão

Neste artigo você aprendeu a como procurar por uma hash (#) na URL com JS

Utilizamos o objeto global window, acessando duas propriedades location e depois hash

Na propriedade hash, podemos verificar se há ou não uma hash na nossa URL

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 cursos!

Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares