Upload
edmondo-cuomo
View
215
Download
3
Embed Size (px)
Citation preview
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. 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">
</script>
Utilizziamo l'attributo src per far riferimento al
path relativo (percorso) del file all'interno della
root (directory principale) del nostro sito.
Javascript:: OggettoJavascript è un linguaggio di programmazione orientato aglioggetti, cioè si basa su “dati” che sono detti oggetti.Si può definire un oggetto come la parola chiave chepermette di richiamare delle funzionalità. Per richiamarequeste funzionalità attraverso gli oggetti si usano i metodi ole proprietà.La sintassi corretta per separare il nome di un oggetto da unmetodo o da una proprietà è
oggetto.metodo(parametri) Il metodo necessita di parametri
oggetto.proprietà="valore"La proprietà necessita di valore
Oggetti:: Proprietà-MetodiOggetto Nome Tipo Definizione
window open
navigate
close
confirm
screen
Alert
Metodo
Metodo
Metodo
Metodo
Proprietà
Metodo
Apre una nuova finestra del browserCrea un link ad una pagina o ad un fileChiude la finestra corrente del browserLancia un messaggio di confermaRestituisce dimensioni del video
Restituisce un messaggio in una finestra
document write
writeln
URL
Metodo
Metodo
Proprietà
Scrive un testo e lo stampa a videoStampa un testo andando a capo Restituisce il percorso del file, in locale
date getDategetMonthgetYeargetHourgetMinutes
getSeconds
Metodo
Metodo
Metodo
Metodo
Metodo
Restituisce il giorno di una dataRestituisce il mese di una dataRestituisce l'anno di una dataRestituisce l'ora di una dataRestituisce i minuti di una data
Restituisce i secondi di una data
Javascript:: EventoPerchè 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()">
EventiOggetto 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