La proprietà document.title di Javascript

Nel linguaggio Javascript la proprietà document.title mi permette di leggere o modificare il titolo di una pagina web.

document.title

Dove l'oggetto `document` rappresenta il contenuto della pagina web caricata nel browser.

Una delle proprietà di questo oggetto è `title`, ovvero al contenuto del tag <title> del documento HTML che corrisponde al titolo visualizzato nella barra del titolo del browser o nella scheda della pagina.

Un esempio pratico

Prendo come esempio questa semplice pagina web.

<html>
<head>
<title>Il titolo della pagina</title>
</head>
<body>
<script>
// Legge il titolo corrente della pagina
let titoloCorrente = document.title;
console.log(titoloCorrente);
</script>
</body>
</html>

Questo script legge il contenuto corrente del title della pagina e lo stampa.

Il titolo della pagina

Esempio 2

Posso usare la proprietà anche per modificare il titolo della pagina

<html>
<head>
<title>Il titolo della pagina</title>
</head>
<body>
<script>
// Scrive il nuovo titolo della pagina
document.title = "Nuovo Titolo della Pagina";
</script>
</body>
</html>

Questo script cambia il <title> della pagina assegnandogli un nuovo valore alla proprietà document.title

Dopo l'esecuzione di questo script, il titolo della pagina sarà aggiornato a "Nuovo Titolo della Pagina".

E così via.

 


 

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

FacebookTwitterLinkedinLinkedin
knowledge base

Document in Javascript

I metodi

Le proprietà