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.