JavaScript - Obtenha parte do caminho da URL
Ao testar uma página da web ou o site, pode haver um requisito para extrair o URL de diferentes páginas da web no final do desenvolvedor. Por exemplo, armazenando o URL correspondente a cada página da web no código relevante para acessá -los ou utilizar as funcionalidades adicionadas no futuro. Nesses cenários, obter a parte do caminho da URL é conveniente para gerenciar os recursos de maneira eficaz.
Este artigo discutirá as abordagens para obter a parte do caminho da URL em JavaScript.
Como obter uma parte do caminho da URL usando JavaScript?
Para obter a parte do caminho da URL usando o JavaScript, considere as abordagens abaixo dadas:
- ““hospedar" e "Nome do caminho”Propriedades.
- ““fatiar()" e "dividir()" métodos.
Método 1: Obtenha parte do caminho da URL usando “Localização.Propriedades do host "e" Pathname "em JavaScript
O "localização.hospedar”Propriedade retorna o endereço IP e a porta de um URL. O "Nome do caminho”Propriedade fornece o nome do caminho de um URL. Essas propriedades podem ser utilizadas para dividir o endereço IP e o nome do caminho no URL e buscá -los separadamente.
Exemplo
Visão geral a demonstração abaixo de ser dada:
Na demonstração acima:
- Em primeiro lugar, aplique o “hospedar”Propriedade para buscar o endereço IP.
- Da mesma forma, obtenha o nome do caminho contido no URL através do “Nome do caminho" propriedade
- Por fim, exiba as partes buscadas do URL no console.
Saída
Na saída acima, pode -se observar que o endereço IP e o caminho foram buscados separadamente do URL redirecionado.
Método 2: Obtenha a parte do caminho da URL usando a combinação dos métodos "Split ()" e "Slice ()" em JavaScript
O "dividir()”O método divide uma string em uma matriz de substring com base nos parâmetros e no“fatiar()”O método extrai uma parte da string. Esses métodos podem ser aplicados junto com o “Nome do caminho”Propriedade para buscar o nome do caminho do URL com base no parâmetro dos métodos aplicados.
Sintaxe
corda.dividido (separador, limite)
Na sintaxe dada:
- ““separador”Aponta para a string que precisa ser usada para dividir.
- ““limite”Refere -se ao número inteiro que limita o número de divisões.
variedade.fatia (início, fim)
Na sintaxe acima:
- ““começar" e "fim”Indique as posições de início e final, respectivamente.
Exemplo
Vamos passar pelas seguintes linhas de código para entender o conceito claramente:
No trecho de código acima:
- Em primeiro lugar, crie o novo objeto URL usando o “novo"Palavra -chave e a"Url ()”Construtor, respectivamente para representar o URL especificado.
- Na próxima etapa, associe o “dividir()" e "fatiar()”Métodos com os“Nome do caminhoPropriedade, de modo que o nome do caminho seja extraído do URL especificado com base no separador e limite especificado, respectivamente.
- Finalmente, exiba as partes do nome do caminho no URL como uma matriz no console.
Saída
Na saída, pode -se notar que as partes do caminho do URL são devolvidas como uma matriz.
Conclusão
Para obter a parte do caminho da URL em JavaScript, aplique o “localização.hospedar" e "Nome do caminhoPropriedades ou as “fatiar()" e "dividir()" métodos. As abordagens anteriores buscam o endereço IP e o nome do caminho separadamente do URL. Os últimos métodos podem ser utilizados para obter as partes do nome do caminho no URL. Este artigo discutiu as abordagens para obter a parte do caminho da URL.
Sobre o autor
Umar Hassan
Eu sou um desenvolvedor da web front-end. Sendo um autor técnico, tento aprender coisas novas e me adaptar a eles todos os dias. Estou apaixonado por escrever sobre evoluir ferramentas e tecnologias de software e torná-lo compreensível para o usuário final.
Ver todas as postagensLinux Hint LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Política de privacidade e termos de uso