laboratorio

annuncio pubblicitario
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:: 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
Tipo
Definizione
Metodo
Metodo
Metodo
Metodo
Proprietà
Metodo
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
Metodo
Metodo
Proprietà
Scrive un testo e lo stampa a video
Stampa un testo andando a capo
Restituisce il percorso del file, in locale
date
Metodo
Metodo
Metodo
Metodo
Metodo
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
window
Nome
open
navigate
close
confirm
screen
Alert
getDate
getMonth
getYear
getHour
getMinutes
getSeconds
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
Scarica