Document Write javascript
Document Write è l'istruzione del linguaggio Javascript che permette di scrivere un testo sullo schermo oppure il contenuto di una variabile o di una costante.
Come visualizzare un testo
Se volessi scrivere "Hello World!" sullo schermo, dovrei semplicemente inserire la stringa all'interno dell'istruzione Document.Write tra due virgolette.
document.write("Hello World!");
Lo script va inserito nella sezione <Body> della pagina Html, altrimenti l'istruzione document.write non viene eseguita correttamente dal browser.
Come funziona lo script?
Quando il browser incontra l'istruzione document.write, la interpreta con il linguaggio Javascript e stampa a video il suo contenuto. Sul browser appare si ottiene il seguente risultato.
Hello World!
Come usare i tag Html con Javascript
L'istruzione document.write del linguaggio javascript è molto utile. Oltre a visualizzare variabili e testi, può anche contenere i tag Html.
document.write("<b>Hello World!</b>");
In quest'ultimo caso il risultato sul browser è la frase Hello World! in grassetto perché il browser interpreta il tag <b> ( bold ) del linguaggio Html e lo applica al testo. Il risultato a video è il seguente:
Hello World!
Il risultato finale sullo schermo è esattamente identico a quello che otterrei scrivendo una frase in grassetto in Html.
La combinazione tra Javascript e Html è molto utile
Grazie all'istruzione document.write si possono combinare insieme il javascript e l'html, creando moltissimi effetti altrimenti impossibili da realizzare con il linguaggio Html.
Esempio. Combinando il linguaggio javascript con i tag Html si può facilmente creare la rotazione automatica delle immagini o dei banner su una pagina web.
Come visualizzare il contenuto di una variabile
L'istruzione document.write può essere utilizzata anche per visualizzare il contenuto di una variabile. In questo caso, è sufficiente scrivere il nome della variabile senza le virgolette come nell'esempio seguente:
var Messaggio = "Hello World!";
document.write(Messaggio);
Nella prima istruzione assegno alla variabile Messaggio la stringa di testo "Hello World!". Nell'istruzione successiva indico all'istruzione document.write di visualizzare sul browser il contenuto della variabile Messaggio.
Hello World!
Il risultato a video è sempre lo stesso ma questa volta non si tratta di un testo, ho visualizzato il contenuto di una variabile.
Qual è la differenza tra testo e variabile? Il testo è una costante alfanumerica immutabile, viene visualizzato così come è scritto nel codice sorgente. Viceversa, una variabile è il risultato di un'elaborazione e può mutare nel corso del tempo
Come visualizzare testi e variabili insieme
Con l'istruzione document.write è anche possibile visualizzare contemporaneamente testi e variabili separandole con il simbolo +.
var Oggi = new Date;
var Ora = Oggi.getHours();
document.write("Sono le ore " + Ora);
La prima istruzione nel codice precedente legge la data corrente sul PC dell'utente tramite la funzione Date e la assegna alla variabile Oggi.
var Oggi = new Date;
La seconda istruzione estrapola il valore corrente dell'ora dalla variabile Oggi tramite la funzione getHours() e la assegna alla variabile Ora.
var Ora = Oggi.getHours();
Infine, l'istruzione document.write stampa a video il testo "Sono le ore " seguito dal contenuto numerico della variabile Ora.
document.write("Sono le ore " + Ora);
Se eseguo lo script a mezzogiorno il risultato finale sullo schermo è il seguente:
Sono le ore 13
Se, invece, lo eseguo alle otto di sera il risultato a video è quest'altro:
Sono le ore 20
Il testo viene riconosciuto perché è compreso tra due virgolette ( "Sono le ore " ) mentre la variabile Ora non lo è. L'operatore + unisce il testo con il contenuto della variabile e lo stampa a video.
Le sequenze di escape in Javascript
L'istruzione document.write permette l'utilizzo delle sequenze di escape nel testo.
Ad esempio, le sequenze \n e \r generano una nuova linea e un ritorno a capo.
document.write(" testo di prova \r \n ");
La sequenza di escape \t produce una tabulazione nel testo.
document.write(" testo \t prova ");
La sequenza \\ stampa il carattere backslashes \ in una stringa.
document.write(" come visualizzare il carattere backslashes \\ in una stringa ");
La sequenza \' mi permette di stampare l'apice come carattere in una stringa delimitata da doppi apici.
document.write(' come visualizzare il carattere apice \' in una stringa ');
La sequenza \" mi permette di stampare le virgolette come carattere in una stringa delimitata da doppie virgolette.
document.write(" come visualizzare il carattere delle virgolette \" in una stringa ");
La sequenza \x stampa un carattere ASCII a partire dal suo codice in esadecimale.
document.write(' come visualizzare il carattere ascii \d43 in una stringa ');
La sequenza \u stampa un carattere unicode a partire dal suo codice in esadecmale
document.write(' come visualizzare il carattere unicode \u0043 in una stringa ');
Per vedere le altre sequenze di escape.
E così via.
