Como obter a URL atual em jQuery

Sundeep Dawadi 30 janeiro 2023 jQuery
  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
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