JavaScript/Il nostro primo programma: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
mNessun oggetto della modifica |
come funziona |
||
Riga 14:
</body>
</html>
Analizziamo l'unica riga di codice JavaScript presente nella pagina:
document.write("Hello, world!");
Quando il browser analizza la pagina, nel momento in cui incontra le istruzioni JavaScript le esegue secondo l'ordine nel quale sono scritte (questa operazione è chiamata ''parsing''). In particolare, la riga di codice analizzata stampa sul documento il testo ''Hello, world'' tramite l'istruzione il metodo <code>write</code> dell'oggetto <code>document</code>. Per ora ci basti sapere che un ''metodo'' è un sottoprogramma associato esclusivamente ad un oggetto, che può richiedere uno o più parametri per funzionare al meglio. Il metodo <code>write</code> dell'oggetto <code>document</code> stampa nella pagina il testo indicato tra virgolette all'interno delle parentesi.
Cerchiamo di capire meglio come avviene il ''parsing'' di uno script JavaScript. Essendo infatti il browser piuttosto veloce a interpretare il codice, non è possibile ai nostri occhi notare l'esecuzione dello script, e sulla pagina compare subito il testo ''Hello, world!''. Modifichiamo quindi il nostro codice come segue:
...
<script>
alert("Questo è un messaggio");
document.write("Hello, world!");
alert("Questo è un altro messaggio");
</script>
...
[[Image:JavaScript AlertBox.jpg|left|thumbnail|Un alertbox in tedesco visualizzata dal browser [[w:Konqueror|Konqueror]]]]Il metodo <code>alert</code> mostra una finestrella contenente il testo indicato tra parentesi e un pulsante "OK". Quando viene eseguito, il ''parsing'' della pagina si ferma fino a quando l'utente non clicca sul bottone OK; possiamo quindi vedere capire meglio come lavora il browser: l'esecuzione dello script si fermerà infatti due volte in corrispondenza delle due istruzioni <code>alert</code>. Quando viene mostrato il primo messaggio la pagina in secondo piano apparrà vuota, perché non vi è ancora stato impostato il contenuto; quando viene mostrato il secondo messaggio comparirà anche il testo ''Hello, world!'' in quanto sarà stata già eseguita il metodo <code>write</code>.
[[Categoria:Linguaggio JavaScript|Primo programma]]
| |||