JavaScript/Il nostro primo programma: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m corr. template |
m +sintassi colorata |
||
Riga 20:
== Hello, world! ==
Eccoci finalmente al nostro primo programma JavaScript: queste poche righe di codice identificano una pagina HTML su cui viene stampato ''Hello, world!''. Create il seguente file e apritelo con il vostro browser:
<source lang=html4strict>
<html>
<head>
Line 30 ⟶ 31:
</body>
</html>
</source>
Analizziamo l'unica riga di codice JavaScript presente nella pagina:
<source lang=javascript>
document.write("Hello, world!");
</source>
Quando il browser analizza la pagina, nel momento in cui incontra le [[w:Istruzione (informatica)|istruzioni]], se non indicato diversamente (come vedremo più avanti), le esegue secondo l'ordine nel quale sono indicate, ovvero in '''[[w:Sequenza (informatica)|sequenza]]''' (questa operazione è chiamata ''[[w:Parsing|parsing]]'').<br/>
Le istruzioni sono sempre separate da un punto e virgola (;), e a JavaScript non interessano quindi i ritorni a capo. <br/>
Line 38 ⟶ 42:
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:
<source lang=javascript>
...
<script>
Line 45 ⟶ 50:
</script>
...
</source>
[[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 apparirà 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>.
Line 50 ⟶ 56:
In JavaScript è possibile inserire dei [[w:Commento (informatica)|commenti]], ovvero porzioni di testo che verranno ignorate dal parser, di una o più righe delimitandoli da <code>/*</code> e <code>*/</code>.
È possibile inoltre prevedere commenti di una sola riga utilizzando <code>//</code>. Ad esempio:
<source lang=javascript>
questo codice verrà interpretato
/* questo verrà ignorato*/
Line 59 ⟶ 66:
qesto verrà interpretato //e invece questo no
//e questo neppure!
</source>
{{avanzamento|
[[Categoria:JavaScript|Primo programma]]
| |||