Link ad un file Javascript esterno
<SCRIPT Language=Javascript src="nomefile.js"></SCRIPT>
Il nome del file può essere indicato con un URL relativo o assoluto
Script Interni
Se lo script è all'interno del documento, può essere immesso sia nella sezione di intestazione (tra i tag <HEAD></HEAD>) sia in quella del corpo del documento (tra i tag <BODY></BODY>). La pagina HTML viene eseguita in ordine sequenziale: dall'alto in basso, per cui la differenza tra le due alternative esiste: lo script dell'intestazione viene caricato prima degli altri, quello nella sezione body, invece, viene eseguito secondo l'ordine di caricamento.
Una variabile o qualsiasi altro elemento di Javascript può essere richiamato solo se caricato in memoria: tutto ciò che si trova nell'intestazione è quindi visibile agli altri script, quello che si trova nella sezione BODY è visibile agli script che lo seguono.
il tag <NOSCRIPT></NOSCRIPT> che può contenere testo e grafica alternativi
Commenti
I commenti vengono scritti all’interno di /* ---- */ (possono essere scritti su più righe, oppure facendo precedere la riga di commento da //
/* Questo è un commento */
// Anche Questo è un commento
Istruzioni
Le istruzioni in Javascript possono essere eseguite in diverso modo:
1. all'interno degli script, individuati dai tag <SCRIPT>, in maniera sequenziale, per cui l'esecuzione è automatica;
2. caricandoli da file esterni;
3. in seguito all'attivazione di un evento (handler) come un click del mouse o la pressione di un tasto;
4. in luogo di un link (a partire da Netscape 3.0) nella forma: <A href="Javascript:comando">
5. valori Javascript possono essere richiamati dinamicamente dall'HTML includendoli tra i caratteri &{ e };% ad esempio la larghezza di una tabella può essere ricavata in rapporto ad un valore javascript nella forma width="&{barWidth};%"
Sequenza di Escape – Caratteri speciali
|
Sequenza
|
Descrizione
|
|
\n
|
Nuova riga
|
|
\t
|
Tab orizzontale
|
|
\b
|
Backspace
|
|
\r
|
Ritorno carrello (meno usato, in genere è accoppiato con \n)
|
|
\f
|
Avanzamento pagina
|
|
\\
|
Backslash: serve per scrivere il cararattere backslash altrimenti interpretato come sequenza di escape
|
|
\'
|
Virgolette singole: per rappresentare questo carattere che altrimenti è letto come delimitatore di stringa
|
|
\"
|
Virgolette doppie: per rappresentare questo carattere che altrimenti è letto come delimitatore di stringa
|
document.write("questa è una riga \n e questa è un'altra riga");
Escape – Unescape
escape("Questa è la stringa") à”Questa%20%E8%20la%stringa”
unescape(”Questa%20%E8%20la%20stringa”) à “Questa è la stringa”
Dichiarazione di Varibili
var miocarattere
· le variabili globali hanno valore per tutto il documento HTML e vanno dichiarate all'inizio dello script e fuori da ogni funzione: il posto preferibile è nei tag <SCRIPT> della sezione <HEAD> in modo tale da creare i contenitori dei valori prima di ogni loro utilizzo;
· le variabili locali hanno valore solo all'interno della funzione in cui sono dichiarate, cioè all'interno del blocco di codice compreso tra function(){ e la chiusura della parentesi } e vanno dichiarate entro questi blocchi.
I nomi dei dati sono chiamati identificatori e devono sottostare ad alcune regole:
· possono contenere solo lettere, numeri e trattino di sottolineatura, per cui sono esclusi gli spazi bianchi;
· il primo carattere deve essere sempre una lettera. È utilizzabile come primo carattere anche il trattino di sottolineatura, ma il compilatore tratta quel nome in modo particolare per cui se ne sconsiglia l'uso;
· Javascript è case sensitive per cui tratta diversamente le lettere in maiuscolo e in minuscolo, per tale motivo convenzione utilizzare l'iniziale maiuscola per i nomi di costanti e quella minuscola per le variabili;
· non si possono utilizzare i nomi che rientrano nelle parole chiave.
L'uso diffuso è di utilizzare nomi lunghi per identificare meglio il dato, adoperando queste convenzioni:
· adoperare il trattino di sottolineatura per definire meglio il dato, così il nome tasso_interesse identifica più di quanto possa fare il semplice nome x;
· accanto all'utilizzo del trattino di sottolineatura, si usa anche la notazione a cammello per cui si rende maiuscola una lettera all'interno del nome di una variabile, proprio per identificarla meglio (ad esempio TassoInteresse)
Array
animals=new Object[]
animals[0]="rana";
animals[1]="anatra";
animals[2]="asino";
animals[3]="orso";
animals[4]="gallina";
Operatori
|
Operatore
|
Simbolo
|
Azione
|
|
Incremento
|
++
|
Incrementa di un'unità
|
|
Decremento
|
--
|
Decrementa di un'unità
|
|
Meno unario
|
-
|
Rende negativo un numero
|
|
Operatore postfisso
|
Operatore prefisso
|
|
x=10;
y=x++;
|
x=10;
y=++x;
|
|
per cui y=10 e x=11
|
per cui y=11 e x=11
|
|
Operatore
|
Simbolo
|
Azione
|
|
Addizione
|
+
|
Somma due operandi
|
|
Sottrazione
|
-
|
Sottrae il secondo operando dal primo
|
|
Moltiplicazione
|
*
|
Moltiplica i due operandi
|
|
Divisione
|
/
|
Divide il primo operando per il secondo
|
|
Resto (modulo)
|
%
|
Fornisce il resto della divisione intera tra due operandi
|
|
Operatore
|
Azione
|
|
>
|
Maggiore di
|
|
>=
|
Maggiore o uguale
|
|
<
|
Minore di
|
|
<=
|
Minore o uguale
|
|
==
|
Uguale
|
|
!=
|
Diverso
|
|
Operatore
|
Simbolo
|
Significato
|
|
AND
|
&&
|
AND logico
|
|
OR
|
||
|
OR logico
|
|
NOT
|
!
|
Negazione
|
Le condizioni "vero" e "falso" sono indicate rispettivamente come 1 (o meglio "diverso da 0") e 0
Espressioni Condizionali
if (<espressione>) {<istruzione>}
else (<espressione>) {istruzione}
else (<espressione>) {istruzione}
else (espressione) {istruzione}
else <istruzione>;
switch (<espressione>) {
case <costante1>: <istruzioni>
break;
case <costante2>: <istruzioni>
break;
...
default <istruzioni>
}
<espressione1> ? <espressione2> : <Espressione3>
Cicli
for (i=0; i<10; i++) // i è la variabile contatore
{
matrice[i] = 0;
}
while (condizione) espressione
do {istruzioni} while (condizione)
Gli elementi su cui si basa Javascript
· il browser stesso (l'oggetto navigator)
· poi la finestra che contiene tutto quanto (l'oggetto window)
· eventuali frames (l'oggetto window.frames)
· il documento HTML vero e proprio (document)
· i moduli per raccogliere l'input dell'utente (document.forms["nomeForm"])
· le immagini (document.images["nomeImmagine"])
· i cookie (document.cookie["nomeCookie"])
· i livelli
· le applet (document.applets["nomeApplet"])
· la barra degli indirizzi (location)
· la barra di stato, nella parte bassa del browser (status)
Sottoscrivi