Wie analysiere ich eine URL in Hostname und Pfad in JavaScript?

Wie Analysiere Ich Eine Url In Hostname Und Pfad In Javascript



In JavaScript wird Parsing verwendet, um eine große Menge unstrukturierter Daten in ein lesbares und einfacheres Format umzuwandeln. Sie können Daten in Form von Zeichenfolgen, Objekten und URLs einer bestimmten Website analysieren. Um eine bestimmte URL in JavaScript zu analysieren, verwenden Sie „ URL() ' Konstrukteur. Es wird ein neues URL-Objekt mit Host, Pfadname, Such-Hash und Eigenschaften des Hashs erstellt.

Dieser Beitrag veranschaulicht die Methode zum Parsen einer URL in einen Hostnamen und einen Pfad in JavaScript.







Analysieren einer URL (Webadresse) in Hostnamen und Pfad in JavaScript

Um die URL in JavaScript in Hostnamen und Pfad zu analysieren, verwenden Sie die aktuelle Seiten-URL mit Hilfe von „ window.location.href ' Eigentum. Darüber hinaus kann eine bestimmte URL auch mit dem „Parsing“ analysiert werden. URL() ' Methode.



Für praktische Implikationen sehen Sie sich die genannten Beispiele an:



Beispiel 1: Analysieren Sie die URL der aktuellen Seite in Hostnamen und Pfad

Sie können die aktuelle Seiten-URL in den Hostnamen und den Pfad in JavaScript analysieren. Verwenden Sie dazu den folgenden Code im HTML-Teil:





  • Füge hinzu ein '

    ” Tag und weisen Sie eine ID zu, indem Sie das „ Ausweis ” Attribut.

  • Erstellen Sie eine Schaltfläche mit der Funktion „ ”-Element und rufen Sie das „ onclick ”-Ereignis, um ein bestimmtes Ereignis auszuführen, wenn der Benutzer auf die Schaltfläche klickt. Rufen Sie außerdem eine Funktion als Wert dieses Ereignisses auf:
< p-ID = 'Ausweis' > P >
< Schaltfläche onclick = „func()“ > Auf URL analysieren Taste >
< p-ID = „id2“ > P >
< p-ID = „id3“ > P >

Greifen Sie im JavaScript-Teil mit Hilfe von „ auf die erste ID zu getElementById() „Methode und Satz“ window.location.href ” um die URL der aktuellen Seite zu analysieren:

dokumentieren. getElementById ( „id1“ ) . innerHTML = Fenster. Standort . href ;

Eine Funktion ist definiert als „ func() ”, das auf das zweite Element zugreift, indem es den Befehl „ id2 “. Wenden Sie Inline-Styling mit Hilfe der „

”HTML-Tag und legen Sie die Farbe fest. Dann benutze ' window.location.hostname ”-Eigenschaft, die die URL der aktuellen Seite zurückgibt:



Funktion Funktion ( ) {
dokumentieren. getElementById ( „id2“ ) . innerHTML = ` < h2-Stil = 'Farbe blau;' > Hostname : h2 > ` + Fenster. Standort . Hostname ;
dokumentieren. getElementById ( „id3“ ) . innerHTML = ` < h2-Stil = 'Farbe blau;' > Weg : h2 > ` + Fenster. Standort . Pfadname ;
}

Ausgang

Es ist zu beobachten, dass nach dem Klicken auf die Schaltfläche der Hostname und der Pfad der aktuellen Seite auf dem Bildschirm angezeigt werden:

Beispiel 2: Analysieren Sie die URL mithilfe der URL()-Methode in Hostnamen und Pfad

Sie können die URL auch in Hostnamen und Pfad analysieren, indem Sie „ URL() ' Methode. Verwenden Sie dazu den oben genannten HTML-Code und fügen Sie dann den unten angegebenen JavaScript-Code hinzu. Initialisieren Sie zu diesem Zweck ein Objekt und verwenden Sie die Funktion „ URL() ”-Konstruktor und übergeben Sie die URL der jeweiligen Seite als Argument an die Methode:

War meine_URL = neu URL ( „https://linuxhint.com/“ ) ;

Greifen Sie auf das HTML-Element zu, indem Sie dessen ID mit Hilfe von „ verwenden. getElementById() ' Methode:

dokumentieren. getElementById ( „id1“ ) . innerHTML = meine_URL ;

Erstellen Sie eine Funktion mit einem Namen und greifen Sie auf die anderen HTML-Elemente zu:

Funktion Funktion ( ) {
dokumentieren. getElementById ( „id2“ ) . innerHTML = ` < h2-Stil = 'Farbe blau;' > Hostname : h2 > ` + meine_URL. Hostname ;
dokumentieren. getElementById ( „id3“ ) . innerHTML = ` < h2-Stil = 'Farbe blau;' > Weg : h2 > ` + meine_URL. Pfadname ;
}

Ausgang

Dabei geht es darum, die URL/Webadresse in JavaScript in Hostnamen und Pfad zu analysieren.

Abschluss

In JavaScript: „ window.location.href ” kann zum Parsen der aktuellen Seiten-URL verwendet werden. Darüber hinaus kann eine bestimmte URL auch mit dem „Parsing“ analysiert werden. URL() ' Methode. In diesem Tutorial wurde das detaillierte Verfahren zum Parsen einer URL (Webadresse) in einen Hostnamen und einen Pfad auf verschiedene Arten erläutert.