In JavaScript, l'analisi viene utilizzata per convertire una grande quantità di dati non strutturati in un formato leggibile e più semplice. Puoi analizzare i dati sotto forma di stringhe, oggetti e URL di un particolare sito web. Per analizzare un particolare URL in JavaScript, utilizzare il ' URL() 'costruttore. Creerà un nuovo oggetto URL con host, percorso, hash di ricerca e proprietà dell'hash.
Questo post illustrerà il metodo per analizzare un URL in un nome host e percorso in JavaScript.
Analisi di un URL (indirizzo Web) in nome host e percorso in JavaScript
Per analizzare l'URL nel nome host e nel percorso in JavaScript, utilizzare l'URL della pagina corrente con l'aiuto di ' posizione.finestra.href ' proprietà. Inoltre, un URL specifico può anche essere analizzato utilizzando il ' URL() ' metodo.
Per implicazioni pratiche, controlla gli esempi indicati:
Esempio 1: analizzare l'URL della pagina corrente in nome host e percorso
Puoi analizzare l'URL della pagina corrente nel nome host e nel percorso in JavaScript. Per questo, utilizza il seguente codice nella parte HTML:
- Aggiungere un ' ” tag e assegna un id usando il “ id 'attributo.
- Crea un pulsante usando il '
” elemento e invocare il “ al clic ” per eseguire un evento specifico quando l'utente fa clic sul pulsante. Inoltre, invoca una funzione come valore di questo evento:
< pulsante al clic = 'funzione()' > Analizza in URL pulsante >
< p id = 'id2' > P >
< p id = 'id3' > P >
Nella parte JavaScript, accedi al primo id con l'aiuto di ' getElementById() ” metodo e set “ posizione.finestra.href ” per analizzare l'URL della pagina corrente:
documento. getElementById ( 'id1' ) . innerHTML = finestra. posizione . href ;Una funzione è definita come “ funzione() ” che accede al secondo elemento utilizzando il “ id2 ”. Applicare lo styling in linea con l'aiuto del ' ” Tag HTML e imposta il colore. Quindi, usa ' window.location.hostname ” proprietà che restituirà l'URL della pagina corrente:
funzione funz ( ) {
documento. getElementById ( 'id2' ) . innerHTML = ` < stile h2 = 'colore blu;' > Nome host : h2 > ` + finestra. posizione . Nome host ;
documento. getElementById ( 'id3' ) . innerHTML = ` < stile h2 = 'colore blu;' > Sentiero : h2 > ` + finestra. posizione . percorso ;
}
Produzione
Si può osservare che l'Hostname e il percorso della pagina corrente vengono visualizzati sullo schermo dopo aver cliccato sul pulsante:
Esempio 2: analizzare l'URL in nome host e percorso utilizzando il metodo URL()
Puoi anche analizzare l'URL in nome host e percorso utilizzando ' URL() ' metodo. Per fare ciò, utilizzare il codice HTML sopra e quindi aggiungere il codice JavaScript indicato di seguito. A tale scopo, inizializzare un oggetto e utilizzare il ' URL() ” costruttore e passare l'URL della pagina specifica come argomento al metodo:
era mio_url = nuovo URL ( 'https://linuxhint.com/' ) ;Accedi all'elemento HTML usando il suo id con l'aiuto di ' getElementById() ' metodo:
documento. getElementById ( 'id1' ) . innerHTML = mio_url ;Crea una funzione con un nome e accedi agli altri elementi HTML:
funzione funz ( ) {documento. getElementById ( 'id2' ) . innerHTML = ` < stile h2 = 'colore blu;' > Nome host : h2 > ` + mio_url. Nome host ;
documento. getElementById ( 'id3' ) . innerHTML = ` < stile h2 = 'colore blu;' > Sentiero : h2 > ` + mio_url. percorso ;
}
Produzione
Si tratta di analizzare l'URL/indirizzo Web in nome host e percorso in JavaScript.
Conclusione
In Javascript, ' posizione.finestra.href ' può essere utilizzato per analizzare l'URL della pagina corrente. Inoltre, un URL specifico può anche essere analizzato utilizzando il ' URL() ' metodo. Questo tutorial ha spiegato la procedura dettagliata di analisi di un URL (indirizzo web) in un nome host e percorso utilizzando diversi modi.