Como obter a URL atual em jQuery

Sundeep Dawadi 30 janeiro 2023
  1. Atributo para obter a URL atual em jQuery
  2. Propriedades específicas de acesso à URL em jQuery
Como obter a URL atual em 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