Como obter URL atual no navegador da web usando JavaScript

Ao criar aplicativos da web, geralmente é necessário acessar e manipular o URL atual no navegador da web. O JavaScript fornece uma maneira simples e fácil de obter o URL atual no navegador, que pode ser útil para uma ampla gama de propósitos, desde o rastreamento do comportamento do usuário até a implementação de menus de navegação dinâmica.

Neste artigo, exploraremos como obter o URL atual no navegador da web usando JavaScript. Abordaremos dois métodos: usando a janela.propriedade de localização e usando o documento.Propriedade da URL.

Método 1: Usando o janela.localização Propriedade

O "janela.localização" A propriedade fornece informações sobre o URL atual no navegador. Esta propriedade inclui várias informações sobre o URL, como o protocolo, nome do host, número da porta, caminho e string de consulta.

Para obter o URL atual usando o "janela.localização" propriedade, basta acessar a propriedade e recuperar o "Href" atributo. Aqui está um exemplo de snippet de código:

Neste exemplo, primeiro declaramos uma variável chamada Currenturl. Em seguida, atribuímos o valor do "janela.localização.href ” atributo, que contém o URL atual. Finalmente, usamos o console.Método de log para imprimir o URL atual do console.

Método 2: Usando o documento.Url Propriedade

O "documento.Url ” A propriedade fornece o URL atual do documento, incluindo o protocolo, nome do host, número da porta, caminho e string de consulta. Esta propriedade é semelhante à janela.propriedade de localização, mas fornece uma maneira mais direta de acessar o URL.

Para obter o URL atual usando o documento.Propriedade da URL, basta acessar a propriedade e recuperar seu valor. Aqui está um exemplo de snippet de código:

Neste exemplo, primeiro declaramos uma variável chamada Currenturl. Em seguida, atribuímos o valor do documento.Propriedade URL, que contém o URL atual. Finalmente, usamos o console.Método de log para imprimir o URL atual do console.

Conclusão

Obter o URL atual no navegador da web usando JavaScript é uma tarefa simples e útil para desenvolvedores da Web. Usando a janela.propriedade de localização ou o documento.Propriedade da URL, desenvolvedores podem acessar e manipular facilmente o URL atual para uma ampla gama de fins. Seja para rastrear o comportamento do usuário ou implementar menus de navegação dinâmica, saber como obter o URL atual é uma habilidade essencial para qualquer desenvolvedor da web.