Como obter a URL atual em jQuery
Sundeep Dawadi
30 janeiro 2023
Há frequentemente casos em que você deseja ver onde seu código jQuery está atualmente carregando. Para cada janela aberta no navegador, o navegador dá acesso ao seu objeto window
. Como parte do objeto window
, o objeto localização
dá informações sobre a URL atual.
Atributo para obter a URL atual em jQuery
Para obter a URL atual, você pode acessar o atributo href
do objeto location
do navegador.
<script>
var url = $(location).attr('href');
// Returns full URL
(https://example.com/path/example.html)
var pathname = $(location).attr('pathname');
// Returns path only (/path/example.html)
var origin = $(location).attr('origin');
// Returns base URL (https://example.com)
</script>
Nota: No modo vanilla JavaScript, ele pode ser acessado via window.location.href
.
Propriedades específicas de acesso à URL em jQuery
O objeto location
vem com propriedades adicionais da URL.
Propriedade | Descrição |
---|---|
hash |
parte (#) de uma URL |
host |
nome de host e número de porta de uma URL |
hostname |
hostname de um URL |
href |
URL inteira |
origin |
protocolo, hostname e número de porta de uma URL |
pathname |
caminho de um URL |
port |
número de porta de um URL |
protocol |
protocolo de um URL |
search |
consulta parte de um URL |