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

Analyse des URL en JavaScript : extraction du nom d'hôte et du chemin

Pour disséquer une URL en son nom d'hôte et son chemin, une exigence courante dans le développement Web, JavaScript propose plusieurs approches.

1. Utilisation de l'objet URL

Introduit dans les navigateurs modernes et Node.js, l'objet URL fournit un accès direct aux propriétés de l'URL, y compris le nom d'hôte et le chemin d'accès.

let url = new URL("http://example.com/aa/bb/");
console.log("Hostname: " + url.hostname);
console.log("Pathname: " + url.pathname);

2 . Correspondance d'expressions régulières

Pour les scénarios dans lesquels l'analyse directe d'URL n'est pas disponible, des expressions régulières peuvent être utilisées pour extraire le nom d'hôte et le chemin.

let regex = /^(?:https?:\/\/)?(.*?)(?:\/.*)?$/;
let match = "http://example.com/aa/bb/".match(regex);
console.log("Hostname: " + match[1]);
console.log("Pathname: " + match[2]);

3. Analyse DOM

Dans les navigateurs plus anciens, la création d'un élément d'ancrage HTML () et l'accès à ses propriétés peuvent également être utilisés :

let a = document.createElement("a");
a.href = "http://example.com/aa/bb/";
console.log("Hostname: " + a.hostname);
console.log("Pathname: " + a.pathname);

N'oubliez pas que le nom d'hôte représente le domaine sans le port, tandis que l'hôte inclut les deux.

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!