Heim > Web-Frontend > js-Tutorial > Wie kann ich den Hostnamen und den Pfad aus einer URL in JavaScript extrahieren?

Wie kann ich den Hostnamen und den Pfad aus einer URL in JavaScript extrahieren?

Susan Sarandon
Freigeben: 2024-12-11 02:35:09
Original
953 Leute haben es durchsucht

How Can I Extract the Hostname and Path from a URL in JavaScript?

URL in Hostnamen und Pfad in JavaScript analysieren

Um eine URL-Zeichenfolge in ein Objekt zu verarbeiten, in dem Sie nach Bedarf auf den Hostnamen und den Pfadnamen zugreifen können , können Sie moderne Lösungen oder alternative Methoden nutzen.

Moderner Ansatz mit URL Objekt:

Die einfachste Lösung ist die Verwendung des URL-Konstruktors. Es erstellt eine Instanz des URL-Objekts, das die Eigenschaften Hostname und Pfadname bereitstellt. Beispiel:

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

console.log(a.hostname); // "example.com"
console.log(a.pathname); // "/aa/bb"
Nach dem Login kopieren

Beachten Sie, dass der Hostname nur die Domäne enthält, ohne jegliche Portinformationen. Für Domäne und Port können Sie stattdessen Host verwenden.

Alternative Ansätze:

Wenn der moderne Ansatz nicht verfügbar ist, können Sie diese alternativen Methoden in Betracht ziehen:

  • Regulärer Ausdruck: Mithilfe regulärer Ausdrücke können Sie den Hostnamen und den Pfadnamen aus der URL-Zeichenfolge extrahieren. Es kann jedoch komplex und fehleranfällig sein.
  • DOM-Parsing: Sie können ein HTML-Element erstellen, seine href auf die URL setzen und dann das resultierende DOM analysieren, um das gewünschte abzurufen Eigenschaften. Dieser Ansatz erfordert Browserunterstützung und kann langsamer sein.

Fazit:

Die moderne Lösung mit dem URL-Konstruktor ist die bevorzugte und empfohlene Methode zum Parsen einer URL in Hostnamen und Pfadnamen in JavaScript umwandeln.

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage