JavaScript - Ottieni la parte del percorso URL

Durante il test di una pagina Web o del sito, può esserci un requisito per estrarre l'URL di diverse pagine Web da parte dello sviluppatore. Ad esempio, memorizzare l'URL corrispondente a ciascuna pagina Web nel codice pertinente per accedervi o utilizzare le funzionalità aggiunte in futuro. In tali scenari di caso, ottenere la parte del percorso URL è conveniente per la gestione efficace delle risorse.

Questo articolo discuterà gli approcci per ottenere la parte del percorso URL in JavaScript.

Come ottenere una parte del percorso URL usando JavaScript?

Per ottenere la parte del percorso URL usando JavaScript, considera gli approcci di seguito:

• "ospite" E "Pathname" proprietà.
• "fetta()" E "diviso()"Metodi.

Metodo 1: ottenere la parte del percorso URL usando “Posizione.Proprietà host "e" pathname "in javascript

IL "posizione.ospite"La proprietà restituisce l'indirizzo IP e la porta di un URL. IL "Pathname"La proprietà dà il percorso di un URL. Queste proprietà possono essere utilizzate per dividere l'indirizzo IP e il nome del percorso nell'URL e prenderle separatamente.

Esempio

Panoramica la dimostrazione di seguito:

Nella dimostrazione sopra:

• In primo luogo, applica il “ospite"Proprietà per recuperare l'indirizzo IP.
• Allo stesso modo, ottieni il nome del percorso contenuto nell'URL tramite "Pathname" proprietà
• Infine, visualizza le parti recuperate dall'URL sulla console.

Produzione

Nell'output di cui sopra, si può osservare che l'indirizzo IP e il percorso sono stati recuperati separatamente dall'URL reindirizzato.

Metodo 2: ottenere la parte del percorso URL usando la combinazione dei metodi "Split ()" e "Slice ()" in JavaScript

IL "diviso()"Il metodo divide una stringa in un array di sottostringa in base ai parametri e al"fetta()"Il metodo estrae una parte della stringa. Questi metodi possono essere applicati insieme a "Pathname"Proprietà per recuperare il nome del percorso dall'URL in base al parametro dei metodi applicati.

Sintassi

corda.diviso (separatore, limite)

Nella sintassi data:

• "separatore"Punta alla stringa che deve essere utilizzata per la divisione.
• "limite"Si riferisce al numero intero che limita il numero di divisioni.

vettore.fetta (inizio, fine)

Nella sintassi sopra:

• "inizio" E "FINE"Indicare le posizioni di inizio e fine, rispettivamente.

Esempio

Passiamo attraverso le seguenti righe di codice per comprendere chiaramente il concetto:

Nel frammento di codice sopra:

• In primo luogo, crea il nuovo oggetto URL usando il "nuovo"Parola chiave e"Url ()"Costruttore, rispettivamente per rappresentare l'URL specificato.
• Nel passaggio successivo, associa il "diviso()" E "fetta()Metodi "con il"Pathname"Proprietà in modo tale che il nome del percorso venga estratto dall'URL specificato in base al separatore e al limite dato, rispettivamente.
• Infine, visualizza le parti del nome del percorso nell'URL come un array sulla console.

Produzione

Nell'output, si può notare che le parti del percorso dall'URL vengono restituite come un array.

Conclusione

Per ottenere la parte del percorso URL in JavaScript, applica il "posizione.ospite" E "Pathname"Proprietà o"fetta()" E "diviso()"Metodi. I primi approcci prendono l'indirizzo IP e il nome del percorso separatamente dall'URL. Questi ultimi metodi possono essere utilizzati per ottenere le parti del nome del percorso nell'URL. Questo articolo ha discusso degli approcci per ottenere la parte del percorso URL.

Circa l'autore

Umar Hassan

Sono uno sviluppatore web front-end. Essendo un autore tecnico, cerco di imparare cose nuove e adattarle ogni giorno. Sono appassionato di scrivere di strumenti e tecnologie software in evoluzione e renderlo comprensibile per l'utente finale.

Linux suggerimenti LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Norme sulla privacy e condizioni d'uso

• « JavaScript - Convalida, solo numeri
• Installa il software utilizzando PowerShell Script »