Wie extrahiere ich Hostnamen und Pfad aus einer URL in JavaScript?

URLs in JavaScript analysieren: Hostnamen und Pfad extrahieren

Um eine URL in ihren Hostnamen und Pfad zu zerlegen, eine häufige Anforderung in der Webentwicklung, JavaScript bietet mehrere Ansätze.

1. Verwendung des URL-Objekts

Das URL-Objekt wurde in modernen Browsern und Node.js eingeführt und bietet direkten Zugriff auf URL-Eigenschaften, einschließlich Hostname und Pfadname.

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

2 . Abgleich regulärer Ausdrücke

In Szenarien, in denen keine direkte URL-Analyse verfügbar ist, können reguläre Ausdrücke zum Extrahieren von Hostnamen und Pfad verwendet werden.

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

3. DOM-Parsing

In älteren Browsern kann auch das Erstellen eines HTML-Ankerelements () und der Zugriff auf seine Eigenschaften verwendet werden:

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

Denken Sie daran, dass der Hostname die Domäne ohne darstellt der Port, während der Host beides umfasst.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich Hostnamen und Pfad aus einer URL in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!