Javascript Javascript è il linguaggio di scripting più diffuso sul Web Un linguaggio di scripting è un‘esemplificazione di un linguaggio di programmazione, viene interpretato da un browser Web e viene implementato direttamente all‘interno di un documento Html.
Usare Javascript Il codice javascript da usare nelle pagine html si può scrivere direttamente: Del html stesso,all'interno della sezione head INTERNO Oppure in un file separato dal HTML con estensione .js ESTERNO
Interno HTML:: <script> <script language="javascript"> <!-- codice ed istruzioni javascript --> </script> L'attributo language specifica il linguaggio di scripting utilizzato I commenti (<!-- -->)per evitare che i browser interpretino il codice come testo, stampandolo a video.
Script nell'head:: Viene caricato insieme alla pagina ma non eseguito Script nell'head:: Viene caricato insieme alla pagina ma non eseguito. Viene eseguito solo come risposta a degli eventi. <html> <head> <script type="text/javascript"> istruzioni </script> </head> <body> ...</body> </html> Script nel body:: Viene eseguito quando la pagina viene caricata. <html> <head> </head> <body> <script type="text/javascript"> istruzioni; </script> </body> </html>
Esterno HTML <script language="javascript“ src="mio_file.js"> Utilizziamo l'attributo src per far riferimento al path relativo (percorso) del file all'interno della root (directory principale) del nostro sito.
Javascript:: Oggetto Javascript è un linguaggio di programmazione orientato agli oggetti, cioè si basa su “dati” che sono detti oggetti. Si può definire un oggetto come la parola chiave che permette di richiamare delle funzionalità. Per richiamare queste funzionalità attraverso gli oggetti si usano i metodi o le proprietà. La sintassi corretta per separare il nome di un oggetto da un metodo o da una proprietà è oggetto.metodo(parametri) Il metodo necessita di parametri oggetto.proprietà="valore" La proprietà necessita di valore
Oggetti:: Proprietà-Metodi Oggetto Nome Tipo Definizione window open navigate close confirm screen Alert Metodo Proprietà Apre una nuova finestra del browser Crea un link ad una pagina o ad un file Chiude la finestra corrente del browser Lancia un messaggio di conferma Restituisce dimensioni del video Restituisce un messaggio in una finestra document write writeln URL Scrive un testo e lo stampa a video Stampa un testo andando a capo Restituisce il percorso del file, in locale date getDate getMonth getYear getHour getMinutes getSeconds Restituisce il giorno di una data Restituisce il mese di una data Restituisce l'anno di una data Restituisce l'ora di una data Restituisce i minuti di una data Restituisce i secondi di una data
Javascript:: Evento Perchè accada qualcosa c'è bisogno che questo qualcosa sia scatenato da un evento: il click del mouse su di un elemento Html può far cambiare colore al testo. Definizione L'evento si richiama su di un elemento Html incorporando un attributo dell'elemento stesso. Esempio: <input type="button“ value="Invia“ onClick=“add()">
Eventi Oggetto Definizione onLoad Caricamento della pagina onUnload Uscita dalla pagina onClick Click col tasto sinistro del mouse su un tag html. onDbClick Doppio click col tasto sinistro del mouse su un tag onMouseOver Passaggio del mouse su un tag onMouseMove Movimento del mouse su un tag onMouseOut Uscita del mouse dall'area di un tag onMouseDown Click del mouse su un tag onContextMenu Click col tasto destro del mouse su un tag onChange Cambio di tag onSubmit Pressione del tasto “Invio” della tastiera