Como obter a URL atual com JavaScript

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