Comment puis-je extraire le nom d'hôte et le chemin d'une URL en JavaScript ?

Analyse de l'URL en nom d'hôte et chemin en JavaScript

Pour traiter une chaîne d'URL dans un objet où vous pouvez accéder au nom d'hôte et au chemin d'accès comme vous le souhaitez , vous pouvez utiliser des solutions modernes ou des méthodes alternatives.

Approche moderne avec URL Objet :

La solution la plus simple consiste à utiliser le constructeur d'URL. Il crée une instance de l'objet URL qui fournit les propriétés nom d'hôte et chemin d'accès. Par exemple :

const a = new URL("http://example.com/aa/bb/");

console.log(a.hostname); // "example.com"
console.log(a.pathname); // "/aa/bb"

Notez que le nom d'hôte contient uniquement le domaine, à l'exclusion de toute information de port. Pour le domaine et le port, vous pouvez utiliser l'hôte à la place.

Approches alternatives :

Si l'approche moderne n'est pas disponible, vous pouvez envisager ces méthodes alternatives :

• Expression régulière : À l'aide d'expressions régulières, vous pouvez extraire le nom d'hôte et le chemin d'accès de la chaîne URL. Cependant, cela peut être complexe et sujet aux erreurs.
• Analyse DOM : Vous pouvez créer un élément HTML, définir son href sur l'URL, puis analyser le DOM résultant pour récupérer le fichier souhaité. propriétés. Cette approche nécessite la prise en charge du navigateur et peut être plus lente.

Conclusion :

La solution moderne avec le constructeur d'URL est la méthode préférée et recommandée pour analyser une URL. dans le nom d'hôte et le chemin d'accès en JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!