> 
- Home Page
- > Tutorial JavaScript
- > Introduzione
In questo capitolo una breve introduzione a JavaScript, spiegherò cosè JavaScript e come funziona. Vedrete anche cosa è possibile fare con Javascript.
Introduzione a JavaScript
Introduzione a JavaScript
JavaScript è un linguaggio di programmazione interpretato utilizzato per aggiungere interattività alle pagine web.
Per inserire un JavaScript, viene utilizzato il tag HTML <script></script>.
<script type="text/javascript">
Poi abbiamo lo script vero e proprio, che può essere una semplice sequenza di comandi, oppure contenere funzioni, variabili e tutto ciò che vedremo nei prossimi capitoli.
document.write("Il mio primo script!");
E' buona abitudine (anche se non obbligatorio, terminare ogni riga di codice con un ;Quindi chiudiamo il tag <script>
</script>
Browser che non supportano JavaScript
I browser che non supportano JavaScript, in genere scrivono il codice Javascript nell’output HTML. Per prevenire questo tipo di errore ecco il modo di non far vedere il codice JavaScript ai browser che non lo supportano:
<script type="text/javascript">
<!--
Codice JavaScript;
//-->
</script>
Se il codice Javascript è indispensabile al funzionamento della nostra applicazione è inoltre opportuno segnalarlo all'utente.
Esiste un tag HTML apposta per questa necessità. Il tag è <noscript> e permette di notificare all'utente che il browser non supporta javascript.
<noscript>
<p>
JavaScript è necessario al corretto funzionamento dell'applicazione<br>
Non è supportato dal vostro browser, siete pregati di aggiornarlo
</p>
</noscript>
Dove inserire il codice JavaScript
Possiamo inserire gli script nella sezione Head, nel Body, ed in file esterni.
Script nell'head
Vengono caricati insieme alla pagina ma non eseguiti. Possiamo inserire ad esempio delle funzioni che non vengono sempre eseguite, ma solo come risposta a degli eventi.
<html>
<head>
<script type="text/javascript">
istruzioni
</script>
</head>
<body>
...</body>
</html>
Script nel body
Vegnono eseguiti quando la pagina viene caricata.
<html>
<head>
</head>
<body>
<script type="text/javascript">
istruzioni;
</script>
</body>
</html>
JavaScript esterni
Si può creare un file esterno contente il codice e salvarlo con estensione .js per poi richiamarlo nelle pagine in cui serve, questo puù essere comodo quando si vuole utilizzare uno script in più documenti.
Per farlo creiamo un documento di testo chiamato "script_esterno.js" con il seguente codice:
document.write("Salve, sono Javascript! ")
Nel documento in cui vogliamo utilizzarlo inseriremo il tag <script> con l'attributo src che punta al file contenente il codice javascript.
<html>
<head>
<script src="script_esterno.js"></script>
</head>
<body>...
</body>
</html>
Caratteri speciali
Si possono inserire dei caratteri speciali (come " ' ; &) utilizzando il backslash:
ad esempio document.write ("Testo con \"Caratteri speciali\".")
produce come output:
Testo con "Caratteri speciali".
Vediamo alcuni di questi caratteri utili quando si vogliono scrivere delle stringhe di testo:
- \n (newline, una nuova riga)
- \t (tabulazione)
- \r (a capo)
- \' (apice)
- \" (virgolette)
- \\ (backslash)
Commenti
Possiamo inserire dei commenti nei seguenti modi:
//questo è un commento
/* anche questo è un commento */
/* Questo è un commento,
scritto su più righe*/
Quando vengono eseguiti gli script
Gli script JavaScript possono essere eseguiti in vari mommenti della vita di una pagina web, dipende da come vengono costruiti e da dove li posizioniamo.
- Nel posto in cui viene scritto
Semplicemente scrivendo il codice tra i tag <script> nel posto in cui vogliamo venga eseguito. - Al caricamento della pagina.
E' possibile richiamare il codice JavaScript al caricamento di una pagina. Per farlo possiamo dichiarare una funzione con il codice da eseguire e poi richiamarla nell'evento onLoad della pagina con la sintassi <body onLoad="miaFunzione()">. Vedremo nei prssimi capitoli cosa sono e come creare le funzioni. - In risposta ad un evento.
Ad esempio un click su un pulsante o su un link, tramite l'evento onClick oppure tramite uno qualsiasi degli eventi dell'oggetto utilizzato.
- JavaScript si comporta in modo diverso a seconda dei browser.
Il codice JavaScript è un interpretato è quindi eseguito sul browser. Occorre quidi testare gli script su browser diversi questo è un commento - Non è Strongly Typed.
Possiamo utilizzare le variabili senza averle dichiarate, e non viene fatto controllo sui tipi. Questo può facilmente portare ad errori in fase di esecuzione e comportamenti non previsti. - E' basato su oggetti ed eventi
Le funzioni JavaScript, consentono infatti rispondere alle azioni dell'utente e per farlo agiscono sugli oggetti delle pagine web - E' case sensitive
MYVAR è diversa da myVar
