La proprietà documentURI di Javascript

In Javascript documentURI è una proprietà dell'oggetto document che contiene l'URI (Uniform Resource Identifier) del documento corrente.

documentURI

In parole semplici, mi dice l'indirizzo web della pagina che sto visitando.

È un modo per ottenere o impostare l'indirizzo della pagina corrente direttamente tramite JavaScript.

Perché è utile? Beh, ci sono molti scenari in cui potrei voler conoscere l'URL della pagina corrente. Ad esempio, potrei voler analizzare l'URL per estrarre determinate parti, come il percorso o i parametri della query.

Ecco un esempio pratico.

Questo semplice script

<!DOCTYPE html>
<html>
<body>
<script>
// Legge l'URI completo
var uriCompleto = document.documentURI;
// Stampa l'URI
document.write(uriCompleto)
// Crea un nuovo URL basato sull'URI completo
var url = new URL(uriCompleto);
// Estrae il percorso (path) dall'URL
var percorso = url.pathname;
// Stampa il percorso
document.write(percorso);
</script>
</body>
</html>

Questo script legge l'URI completo tramite la proprietà documentURI, lo salva nella variabile "uriCompleto" e lo stampa.

Poi crea un oggetto URL passandogli l'URI.

L'oggetto URL è una rappresentazione strutturata dell'indirizzo che mi permette di accedere facilmente a varie parti dell'URL, come il percorso, la query, il frammento, ecc.

Poi estrae il percorso (pathname) dall'indirizzo e lo stampa. Ecco l'output.

 


 

Segnalami un errore, un refuso o un suggerimento per migliorare gli appunti

FacebookTwitterLinkedinLinkedin
knowledge base

Document in Javascript

I metodi

Le proprietà