Neste artigo você vai aprender a como obter a URL atual com JavaScript, ou seja, resgatar a URL do navegador e colocar em uma variável
Veja este conteúdo em vídeo:
Fala programador(a), beleza? Bora aprender a como resgatar a URL que o usuário está com JavaScript!
Esta tarefa é muito simples com JavaScript, e ainda temos duas abordagens diferentes para atingir o resultado
Uma é utilizando o objeto window, o mesmo que contém as variáveis da aplicação
Nele vamos ter acesso a location e consequentemente href, que contém a URL
Veja um exemplo prático:
console.log(window.location.href);
Agora você pode encapsular este valor em uma variável ou fazer alguma outra lógica que o seu software precisa
A segunda abordagem seria acessando document, que possui uma propriedade URL
E nesta propriedade a URL atual está inserida!
Veja um exemplo utilizando document:
console.log(document.URL);
A primeira abordagem é conhecida por funcionar em mais ambientes do que a segunda, mas utilize a que melhor encaixar na sua necessidade
Perceba que essas propriedades são guardadas pelo próprio JavaScript, que em outras funções as utiliza também
O objeto window tem diversas propriedades interessantes que podemos utilizar no nosso programa, o que é o caso de document também
O document é o objeto que sempre iniciamos ao adicionar um evento ao DOM, com o addEventListener, por exemplo
Conclusão
Neste artigo vimos como obter a URL atual com JavaScript
Utilizamos duas abordagens distintas, que nos dão o mesmo resultado
Na primeira utilizamos o objeto window e na segunda document
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube