En JavaScript, l'analyse est utilisée pour convertir une grande quantité de données non structurées dans un format lisible et plus facile. Vous pouvez analyser les données sous la forme de chaînes, d'objets et d'URL d'un site Web particulier. Pour analyser une URL particulière en JavaScript, utilisez le ' URL() ” constructeur. Il créera un nouvel objet URL avec l'hôte, le nom de chemin, le hachage de recherche et les propriétés du hachage.
Cet article illustrera la méthode d'analyse d'une URL en un nom d'hôte et un chemin en JavaScript.
Analyser une URL (adresse Web) en nom d'hôte et chemin en JavaScript
Pour analyser l'URL dans le nom d'hôte et le chemin en JavaScript, utilisez l'URL de la page actuelle à l'aide de ' window.location.href ' propriété. De plus, une URL spécifique peut également être analysée en utilisant le ' URL() ' méthode.
Pour les implications pratiques, consultez les exemples indiqués :
Exemple 1 : Analyser l'URL de la page actuelle en nom d'hôte et chemin
Vous pouvez analyser l'URL de la page actuelle dans le nom d'hôte et le chemin en JavaScript. Pour cela, utilisez le code suivant dans la partie HTML :
- Ajouter un ' ” tag et attribuez un identifiant en utilisant le “ identifiant ' attribut.
- Faire un bouton en utilisant le '
” et invoquez l'élément “ sur clic ” événement pour effectuer un événement spécifique lorsque l'utilisateur clique sur le bouton. De plus, invoquez une fonction comme valeur de cet événement :
< bouton onclick = 'fonction()' > Analyser l'URL bouton >
< identifiant p = 'id2' > p >
< identifiant p = 'id3' > p >
Dans la partie JavaScript, accédez au premier identifiant à l'aide de ' getElementById() « méthode et ensemble » window.location.href ” pour parser l'URL de la page actuelle :
document. getElementById ( 'id1' ) . innerHTML = fenêtre. emplacement . href ;Une fonction est définie comme ' fonction() ' qui accède au deuxième élément en utilisant le ' id2 ”. Appliquez un style en ligne à l'aide du ' ” Balise HTML et définissez la couleur. Ensuite, utilisez ' window.location.hostname ” propriété qui renverra l'URL de la page en cours :
fonction fonction ( ) {
document. getElementById ( 'id2' ) . innerHTML = ` < style h2 = 'Couleur bleue;' > Nom d'hôte : h2 > ` + fenêtre. emplacement . nom d'hôte ;
document. getElementById ( 'id3' ) . innerHTML = ` < style h2 = 'Couleur bleue;' > Chemin : h2 > ` + fenêtre. emplacement . chemin d'accès ;
}
Sortir
On peut observer que le Hostname et le chemin de la page en cours s'affichent à l'écran après avoir cliqué sur le bouton :
Exemple 2 : analyser l'URL en nom d'hôte et en chemin à l'aide de la méthode URL()
Vous pouvez également analyser l'URL en nom d'hôte et chemin en utilisant le ' URL() ' méthode. Pour ce faire, utilisez le code HTML ci-dessus, puis ajoutez le code JavaScript ci-dessous. Pour cela, initialisez un objet et utilisez le ' URL() ” constructeur et passez l'URL de la page particulière comme argument à la méthode :
était mon_url = nouveau URL ( 'https://linuxhint.com/' ) ;Accédez à l'élément HTML en utilisant son identifiant à l'aide de ' getElementById() ' méthode:
document. getElementById ( 'id1' ) . innerHTML = mon_url ;Créez une fonction avec un nom et accédez aux autres éléments HTML :
fonction fonction ( ) {document. getElementById ( 'id2' ) . innerHTML = ` < style h2 = 'Couleur bleue;' > Nom d'hôte : h2 > ` + mon_url. nom d'hôte ;
document. getElementById ( 'id3' ) . innerHTML = ` < style h2 = 'Couleur bleue;' > Chemin : h2 > ` + mon_url. chemin d'accès ;
}
Sortir
Il s'agit d'analyser l'URL/l'adresse Web en nom d'hôte et chemin en JavaScript.
Conclusion
En Javascript, ' window.location.href ” peut être utilisé pour analyser l'URL de la page actuelle. De plus, une URL spécifique peut également être analysée en utilisant le ' URL() ' méthode. Ce didacticiel a expliqué la procédure détaillée d'analyse d'une URL (adresse Web) en un nom d'hôte et un chemin de différentes manières.