La scrittura su un documento utilizza l'oggetto document che, a rigori, fa parte del DOM di cui parleremo più avanti. Tuttavia, visto che spesso viene usato in abbinamento con l'apertura di una finestra secondaria con windows.open, riteniamo più opportuno trattarlo in questa sede.
Supponiamo di voler inserire all'interno di un documento html l'ora corrente (quella del PC dell'utente che sta visualizzando la pagina). Per una discussione più approfondita sull'oggetto Date vedi le apposite lezioni.
A tale scopo possiamo inserire il seguente codice JS:
<head>
</head>
<body>
<script type="text/javascript">
Oggi = new Date();
Ora = Oggi.getHours();
document.write("<p align='center'> <strong>Sono le ore </strong>" + Ora + " </p>");
</script>
</body>
</html>
L'effetto prodotto sulla pagina è:
Sono le ore 16
Questo effetto viene generato al volo (o on flight, come si dice in inglese) al momento della visualizzazione della pagina sul browser dell'utente.
Si noti come scrivendo il codice direttamente nel body della pagina (e non in una funzione nell'head, come facciamo di solito), esso venga eseguito direttamente al momento del caricamento della pagina stessa.
Write è un metodo dell'oggetto document (il quale è child di window e di cui parleremo ampiamente a proposito del DOM), mediante il quale è possibile scrivere codice html direttamente sulla pagina. Il meccanismo è abbastanza semplice: eseguendo il metodo write, la stringa che viene passata come argomento (quella fra le parentesi tonde) viene scritta sulla pagina html, direttamente nel punto in cui è stato eseguito write. La scrittura avviene prima che il browser visualizzi la pagina.
La scrittura sulla pagina mediante il metodo write può essere fatta così:
oppure omettendo il primo oggetto della sequenza, in modo abbreviato:
Sul documento html verrà scritta la seguente porzione di codice:
Si osservi come il codice prodotto corrisponda alla stringa contenuta fra le parentesi di write, dove 16 (nel nostro esempio) è l'ora fornita dal metodo getHours e contenuta nella variabile Ora .
Vediamo adesso come è possibile scrivere su una pagina il nome del browser che sta utilizzando l'utente. A questo scopo usiamo le proprietà appName e appVersion dell'oggetto navigator nel seguente modo:
<head>
</head>
<body>
<script type="text/javascript">
document.write("<table border='1' width='50%'><tr>");
document.write("<td><p> Il tuo browser è " + navigator.appName + "</p></td>");
document.write("<td><p> La versione è " + navigator.appVersion + "</p></td>");
document.write("</tr></table>");
</script>
</body>
</html>
L'effetto prodotto sulla pagina è il seguente:
| Il tuo browser è Netscape | La versione è 5.0 (Windows; it) |
Si tratta di una tabella realizzata in HTML mediante le 4 successive chiamate di write.
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
