Para pegar a URL inteira da página atual usando JavaScript, você pode utilizar a propriedade window.location.href. Ela retorna a URL completa, incluindo protocolo (http ou https), domínio, caminho, query string e hash (se houver).
Exemplo:
const urlCompleta = window.location.href;
console.log(urlCompleta);
Exemplo de retorno:
Se a URL for:
https://exemplo.com/caminho/pagina?busca=algo#secao2
O urlCompleta vai conter exatamente:
https://exemplo.com/caminho/pagina?busca=algo#secao2
Se quiser partes específicas da URL, você pode usar outras propriedades:
| Propriedade | Descrição | Exemplo |
|---|---|---|
window.location.protocol | Protocolo | "https:" |
window.location.hostname | Nome do host (domínio) | "exemplo.com" |
window.location.pathname | Caminho do arquivo | "/caminho/pagina" |
window.location.search | Query string (inclui o ?) | "?busca=algo" |
window.location.hash | Hash (ancora, inclui o #) | "#secao2" |
Se quiser manipular URLs que não são da página atual, você pode usar a interface URL, como:
const url = new URL('https://exemplo.com/pagina?teste=1#fim');
console.log(url.href); // URL completa
console.log(url.hostname); // "exemplo.com"
console.log(url.pathname); // "/pagina"