Uno dei metodi più importanti di JavaScript è il metodo write che si riferisce all'oggetto document (la pagina). Questo metodo ci consente di scrivere all'interno di una pagina HTML usando JavaScript.
Vediamo subito un esempio:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Corso JavaScript ad esempi</title>
</head>
<body>
<script type="text/javascript">
//Visualizza la scritta "il mio primo script"
document.write("il mio primo script");
</script> </body>
</html>
Come si può vedere la sintassi è:
document.write("scritta");
quello che vogliamo scrivere deve essere racchiuso tra virgolette (significa che si tratta di una sequenza di caratteri, ovvero di una stringa), oppure deve trattarsi di una valore che JavaScript può convertire in automatico in una stringa, come un numero:
document.write(1);
Il punto e virgola invece non c'entra con il metodo write, ma indica soltanto che l'istruzione è terminata.
Con questo metodo possiamo scrivere anche del codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Corso JavaScript ad esempi</title>
</head>
<body>
<script type="text/javascript">
//Visualizza la scritta "il mio primo script"
document.write("<h1><font face="Verdana,Arial,Helvetica,sans-serif">il mio secondo
script</font></h1>");
</script>
</body>
</html>
NB: la riga javascript non va a capo
Se il codice HTML (o la scritta) all'interno del metodo document.write() contiene delle virgolette queste devono essere precedute dal "back-slash" (cioè ). Si tratta del cosidetto "carattere di escape", vedremo in seguito di chiarire meglio il suo utilizzo.
Dobbiamo ricordare ancora una volta che i motori di ricerca non leggono JavaScript, e che quindi è bene scrivere il codice HTML attraverso questo linguaggio soltanto nel caso in cui abbiamo delle ragioni particolari per farlo.
Se volete approfondire la conoscenza del metodo document.write(), potete consultare gli articloli su Javascript di HTML.it in cui viene spiegato come utilizzando i JavaScript esterni e il document.write() sia possibile creare delle vere e proprie inclusioni lato-client di intere parti della pagina.