JavaScript - Obtenez une partie du chemin d'URL

JavaScript - Obtenez une partie du chemin d'URL

Lors du test d'une page Web ou du site, il peut y avoir une exigence pour extraire l'URL de différentes pages Web à la fin du développeur. Par exemple, le stockage de l'URL correspondant à chaque page Web dans le code pertinent pour y accéder ou utiliser les fonctionnalités ajoutées à l'avenir. Dans de tels cas, l'obtention de la partie du chemin d'URL est pratique pour gérer efficacement les ressources.

Cet article discutera des approches pour obtenir la partie du chemin d'URL dans JavaScript.

Comment obtenir une partie du chemin d'url en utilisant JavaScript?

Pour obtenir la partie du chemin d'URL à l'aide de JavaScript, considérez les approches divisées ci-dessous:

  • "héberger" et "cheminée" propriétés.
  • "tranche()" et "diviser()«Méthodes.

Méthode 1: Obtenez une partie du chemin d'url en utilisant «l'emplacement.Propriétés hôte »et« pathname »en javascript

Le "emplacement.héberger»La propriété renvoie l'adresse IP et le port d'une URL. Le "cheminée»La propriété donne le chemin d'accès d'une URL. Ces propriétés peuvent être utilisées pour diviser l'adresse IP et le nom du chemin dans l'URL et les récupérer séparément.

Exemple

Présentation de la démonstration divisée ci-dessous:

Dans la démonstration ci-dessus:

  • Tout d'abord, appliquez le «héberger»Propriété pour récupérer l'adresse IP.
  • De même, obtenez le nom de chemin contenu dans l'URL via le «cheminée" propriété
  • Enfin, affichez les parties récupérées de l'URL de la console.

Sortir

Dans la sortie ci-dessus, on peut observer que l'adresse IP et le chemin ont été récupérés séparément de l'URL redirigé.

Méthode 2: Obtenez la partie du chemin URL en utilisant la combinaison des méthodes «Split ()» et «Slice ()» en JavaScript

Le "diviser()”La méthode divise une chaîne dans un tableau de sous-chaîne basé sur les paramètres et le"tranche()»La méthode extrait une partie de la chaîne. Ces méthodes peuvent être appliquées avec le «cheminée”Propriété pour récupérer le nom du chemin à partir de l'URL en fonction du paramètre des méthodes appliquées.

Syntaxe

chaîne.Split (séparateur, limite)

Dans la syntaxe donnée:

  • "séparateur»Porte la chaîne qui doit être utilisée pour le fractionnement.
  • "limite»Fait référence à l'entier qui limite le nombre de fentes.
déployer.tranche (début, fin)

Dans la syntaxe ci-dessus:

  • "commencer" et "fin»Indiquez les positions de début et de fin, respectivement.

Exemple

Passons par les lignes de code suivantes pour comprendre clairement le concept:

Dans l'extrait de code ci-dessus:

  • Tout d'abord, créez le nouvel objet URL à l'aide du «nouveau»Mot-clé et«URL ()”Constructeur, respectivement pour représenter l'URL spécifiée.
  • Dans l'étape suivante, associez le «diviser()" et "tranche()«Méthodes avec le«cheminée”Propriété telle que le nom du chemin est extrait de l'URL spécifiée en fonction du séparateur et de la limite donné, respectivement.
  • Enfin, affichez les parties du nom du chemin dans l'URL en tant que tableau sur la console.

Sortir

Dans la sortie, on peut remarquer que les parties du chemin de l'URL sont renvoyées sous forme de tableau.

Conclusion

Pour obtenir la portion du chemin d'URL en JavaScript, appliquez le «emplacement.héberger" et "cheminée«Propriétés ou«tranche()" et "diviser()«Méthodes. Les premières approches récupérent l'adresse IP et le nom du chemin séparément de l'URL. Ces dernières méthodes peuvent être utilisées pour obtenir les parties du nom du chemin dans l'URL. Cet article a discuté des approches pour obtenir la partie du chemin d'URL.

A propos de l'auteur

Umar Hassan

Je suis un développeur Web frontal. Étant un auteur technique, j'essaie d'apprendre de nouvelles choses et de m'adapter tous les jours avec eux. Je suis passionné d'écrire sur l'évolution des outils et des technologies logiciels et de le rendre compréhensible pour l'utilisateur final.

Afficher tous les messages

Linux Hint LLC, éditeur @ Linuxhint.com
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Politique de confidentialité et conditions d'utilisation