Como obter a URL atual em jQuery
Sundeep Dawadi
30 janeiro 2023
jQuery

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 |
Está gostando dos nossos tutoriais? Inscreva-se no DelftStack no YouTube para nos apoiar na criação de mais vídeos tutoriais de alta qualidade. Inscrever-se