JavaScript. Caratteristiche del JavaScript. Javascript consente di rendere dinamiche le pagine HTML

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "JavaScript. Caratteristiche del JavaScript. Javascript consente di rendere dinamiche le pagine HTML"

Michelangelo Ferrari
5 anni fa
Visualizzazioni

1 JavaScript Caratteristiche del JavaScript Javascript consente di rendere dinamiche le pagine HTML Javascript è un linguaggio di programmazione con il quale è possibile produrre applicazioni eseguibili dal lato client (con un browser) o dal lato server

2 Esecuzione di JavaScript client-side Il browser richiede la pagina HTML Il server risponde inviando il documento in formato HTML contenente gli script Il client, ricevuta la pagina, interpreta le istruzioni HTML e javascript, e visualizza il risultato all utente Esecuzione di JavaScript server-side Il server interpreta il codice javascript e crea un file eseguibile Quando il client richiede la pagina HTML sul server viene eseguito il file creato Tale file genera un documento HTML (contenente eventualmente codice javascript lato client ) che viene spedito al client richiedente

3 Confronto tra le architetture client-side e server-side Caratteristiche fondamentali di JS: raffronto con Java

4 Inserimento di codice JavaScript in un file HTML Il codice javascript va inserito entro i tag: <SCRIPT> </SCRIPT> L elemento SCRIPT ha diversi attributi: LANGUAGE: specifica la versione js utilizzata SRC: specifica il file nel quale è contenuto il codice javascript da interpretare Indicazione delle specifiche seguite <SCRIPT LANGUAGE= javascript 1.2 > </SCRIPT> indica che vengono utilizzate le specifiche del linguaggio nella versione 1.2 Un browser non aggiornato trascura il codice programmato secondo le modifiche più recenti alle specifiche del linguaggio.

5 Indicazione delle specifiche seguite Il tag: <NOSCRIPT> </NOSCRIPT> specifica cosa visualizzare se il browser non supporta javascript Indicazione dei file contenenti il codice JavaScript <SCRIPT SRC= myfile.js > </SCRIPT> indica che il codice javascript è presente nel file myfile.js. Il testo scitto tra i due tag viene interpretato solo se si verifica un errore nell inclusione del file (può essere utile per gestire l errore)

6 Inserimento di codice JavaScript in un file HTML Non è necessario importare nel documento HTML in file.js : il codice può essere scritto direttamente nel file HTML entro i tag <SCRIPT> </SCRIPT> In uno stesso documento possono apparire più sezioni contenenti codice javascript: è opportuno che le sezioni contenenti dichiarazioni di funzioni appaiano nell intestazione (ossia nella porzione di documento racchiusa tra i tag <HEAD> <HEAD> ) Dichiarazione di una funzione <HEAD> <SCRIPT LANGUAGE= > <! - - function nomefunzione(param1,param2, ) { } - - > </SCRIPT> </HEAD>

7 Dichiarazione di una funzione A differenza di quanto accade in Java, le variabili non sono tipate: allo stesso modo il risultato di una funzione ed i parametri di una funzione non sono caratterizzati da un tipo. In Java: TipoRest NomeFun(TipoPar 1 par 1,TipoPar 2 par 2 ) In JavaScript: Function NomeFun(par 1,par 2 ) Dichiarazione di una variabile Una variabile viene dichiarata con: var nomevariabile; Valgono le seguenti regole di visibilità: se una variabile è stata dichiarata dentro ad una funzione, essa è visibile solo nel corpo della funzione stessa; altrimenti la variabile è visibile in tutto il documento, anche in una sessione <SCRIPT> </SCRIPT> diversa da quella in cui è stata istanziata.

8 Oggetti pre-definiti Nel momento in cui viene scritto del codice JavaScript in una pagina HTML, vengono istanziati degli oggetti associati agli elementi del documento. Gli oggetti fondamentali sono: window: che identifica la finestra su cui è aperta la sessione corrente del browser navigator: che identifica il browser utilizzato dal client per visualizzare la pagina Relazione tra elementi HTML e oggetti JavaScript

9 Alcuni metodi dell oggetto window Metodo open: window.open(. html, nome, proprietà ); Esempio: window.open( mio. html, finestra1, toolbar=no, scrollbar=yes ); Alcuni metodi dell oggetto window Metodo close: window.close(); chiude la finestra corrente Metodo scrollto: window.scrollto(x,y); sposta la finestra in posizione (x,y) Metodo alert: window.alert( Testo ); visualizza una finestra di avvertimento mostrando il testo Testo

10 Alcuni metodi e proprietà dell oggetto document Metodo write [writeln]: document.write( <H3> Pippo </H3> ); Elemento forms[ i ]: document.forms[ i ] Oppure: document.forms[ formname ] restituisce l oggetto associato alla i-esima form del documento Oggetti e relative proprietà

11 Gestione degli eventi È possibile gestire con del codice JavaScript gli eventi associati ad un elemento corrispondente ad un Tag: <TAG> eventhandler= JavaScript code </TAG> Associazioni eventi/oggetti

12 Associazioni eventi/oggetti Esempio <HEAD> <SCRIPT LANGUAGE= javascript > function enumpos(n) { return parseint(n)>0; } function verqta(n,min,max) { var res=false; }; if (!enumpos(n.value) ) alert( Inserisci un numero positivo ); else if ( parseint(n.value)<min ) alert( Inserisci un + n.name + numero maggiore di +min); else if ( parseint(n.value)>max ) alert( Inserisci un + n.name + numero minore di +max); else res=true; return res;

13 Esempio function sottometti(form) { if ( verqta(form.quantity,0,999) ) { alert( Ordine sottomesso ); return true; }; alert( L& ordine non può essere eseguito ); return false; }; </SCRIPT> </HEAD> Esempio <BODY> <FORM NAME= InsNum ACTION= miofile.html METHOD= post > Inserisci un numero: <INPUT TYPE= text NAME= qta onchange= verqta(this,0,999) > < INPUT TYPE= button VALUE= Sottometti ordine onclick= sottometti(this.form) > </FORM> </BODY>

Documenti analoghi

scrivere window.alert(). 2 Nell esempio sarebbe scritto solo var hello, senza pertanto attribuire alla variabile hello alcun valore

scrivere window.alert(). 2 Nell esempio sarebbe scritto solo var hello, senza pertanto attribuire alla variabile hello alcun valore In genere il metodo alert() è usato per verificare il valore delle variabili durante la fase di correzione degli errori (debugging), fase che può essere svolta anche con l ausilio di appositi programmi