Brescianet.com Sito didattico - Prof. Sechi Marco. III MODULO - Classe 3P. Accoda qui gli appunti. entro il 2/04/2005 esercizi if

Transcript

1 Brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Registrati Profilo Entra per controllare i messaggi privati Entra III MODULO - Classe 3P Indice del forum -> Appunti - Classi 3 Argomento precedente :: Argomento successivo e01692 Site Admin Autore Registrato: 07 Set 2004 Messaggi: 218 Messaggio Inviato: Sab Mar 19, :00 am Soggetto: III MODULO - Classe 3P Accoda qui gli appunti Ultima modifica di e01692 il Sab Giu 25, :58 pm, modificato 1 volta in totale Torna in cima e01692 Site Admin Inviato: Sab Mar 19, :02 am Soggetto: 19/03/2005-3P Registrato: 07 Set 2004 Messaggi: 218 entro il 2/04/2005 esercizi if Js è un linguaggio di prg lato client (compatibile netscape, mosaic e ie) 2 entità nelle applicazioni web Client (Java, JS, VBScript) - Server (es. ASP, PHP)  un commento in html ==> servono per i vecchi browser che non supportano JS <HTML><BODY>  </BODY></HTML>

2 <SCRIPT LANGUAGE="javascript">  </SCRIPT> Quando il browser incontra il tag SCRIPT lo interpreta caricando l'interprete JS altrimenti passa oltre (caso dei vecchi browser) - Il vecchio browser trovando  non considera minimamente e passa oltre alert("welcome to Software Developers"); ==> finestra di dialogo con il messaggio passato come argomento <SCRIPT LANGUAGE="VBScript">  </SCRIPT> i due esempi in JS e VBScript danno luogo alla stessa esecuzione Localizzare le procedure comuni a + file HTML risulta molto comodo e l'uso di file.js lo consente uns sequenza di caratteri racchiusa tra " si dice stringa Programmazione ad oggetti Gli oggetti sono caratterizzati: Metodi: azioni che l'oggetto può svolgere Proprietà: caratteristiche dell'oggetto Eventi: accadimenti che possono indurre l'oggetto ad eseguire delle azioni document indica il documento html contenitore del codice js document.write("ciao") VARIABILI un nome non racchiuso tra " che non rientri tra le parole riservate di js (esempio alert, if, for ) viene trattato come una variabile - Una variabile è una zona di memoria

3 "stringa1" + "stringa2" ==> concatenazione "Stringa1Stringa2" x <> "x" idem x <> X (maiuscolo è diverso da minuscolo) document.write("<h1>"+myfullname +"</H1>"); Construtto IF rappresenta la capacità di selezione if (Condizione) codice JS eseguito se è vera la condizione [else codice JS eseguito se è false la condizione] if (x<0) document.write("x è negativo") else if (x>0) document.write("x è positivo") else document.write("x è nullo") if (x<0) document.write("x è negativo") if (x>0) document.write("x è positivo") if (x==0) document.write("x è nullo") -- intervallo interno [0-10] if ( (x<=10) && (x>=0) )

4 document.write("x è in [0-10]") else document.write("x non è in [0-10]") -- intervallo interno [0-10] if!( (x<=10) && (x>=0) ) document.write("x non è in [0-10]") else document.write("x è in [0-10]") -- intervallo esterno [0-10] if ( (x>10) (x<0) ) document.write("x non è in [0-10]") else document.write("x è in [0-10]") note esercizio: ================ prompt("fornire la lunghezza della base (usare il. al posto della, per i decimali): ","0") isnan(base)) ==> controllo che l'utente abbia scritto un numero IsNaN(arg) ==> funzione booleana (vero o falso) IsNaN("A") ==> true IsNaN(1) ==> false ================= In questo caso IstruzJS2 verrà sempre eseguita if (cond) IstrJS1 IstrJS2 è diverso da In questo caso IstruzJS2 verrà eseguita se cond==true if (cond) IstrJS1

5 IstrJS2 parsefloat("12.1") ==> 12,1 serve per evitare che "1"+"2" ==> "12" Math.sqrt ============================= if (Cognome=="Rossi") Nome = "Giovanni"; else Nome = Luca; if (Cognome=="Rossi") Nome = "Giovanni"; else Nome = "Luca"; if (Cognome=="Rossi") Istruzione JS; Istruzione JS; è diverso da if (Cognome=="Rossi") Istruzione JS_1; // questa è l'unica che dipende dall'if Istruzione JS_N; analogamente tutto ciò che viene compreso tra graffe viene visto come un'unica istruzione ed eseguito assieme esempio if (x>0)

6 x=1 Y=2 è DIVERSO DA if (x>0) x=1 y=2 // verrà sempre eseguita ========================== for (v=startvalue; condizione su v; istruzione su v) bloccodiistruzioni; sequenza di esecuzione ====================== 1) viene eseguito il 1 argomento del for 2.a) Se il 2 argomento è vero eseguo il bloccodiistruzioni 2.b) Se il 2 argomento è falso esco dal for (ciclo) (punto 4) 3) Eseguo il 3 argomento e riprendo dal punto 2) 4) Uscita dal for Il for va usato tutte le volte che conosco il numero di volte che devo ripetere una certa operazione i++ ==> i=i+1 i-- ==> i=i-1 i+=10 ==> i=i PER SCrIVERE IL DOPPIO APICE CON DOCUMENT.WRITE DEVO USARE LA NOTAZIONE \" document.write("mi chiamo \"Rossi\" ") ==> Mi chiamo "Rossi"

7 Se intendo inserire + istruzioni in uno dei 3 argomenti del for posso farlo: basta separare le singole istruzioni con la, 1) esempio for (i=1 ; i<=10; i++) document.write(i+"<br>"); esempio for (i=1 ; i<=10; i++) document.write(i); document.write("<br>"); è diverso for (i=1 ; i<=10; i++) document.write(i); document.write("<br>"); // verrà eseguita sempre ma una sola volta L'istruzione che dipende dal for è solo quella immediatamente successiva Esempio i=1; for ( ; i<=10; ) document.write(i); document.write("<br>"); i++; è identico a for (i=1 ; i<=10; i++) document.write(i); document.write("<br>");

8 Esempio di Loop infinito (scriverà all'infinito ciao) for (;;) document.write("ciao"); // è un commento in JS - Quello che viene scritto dopo viene completamente ignorato dall'interprete JS - Utile al programmatore per ricordarsi cosa intendeva fare con quelle istruzioni Esempio di ciclo doppio document.write("<table ALIGN=CENTER BORDER=1 CELLSPACING=0 CELLPADDING=3>"); for (r=1 ;r<=10 ; r++) // *********************** // scrive la riga document.write("<tr>"); for (c=1; c<20 ;c++) document.write("<td>linea "+r+" Cella "+c+"</td>"); document.write("</tr>"); document.write("</table>"); ==== Arrivato QUI esempio del contachilometri il ciclo + interno è quello + veloce l1, k2 e l3 sono nomi di variabili l1++ incrementa l1 ============================ for (l1=0 ;l1<10 ; l1++) for (l2=0 ;l2<10 ; l2++) for (l3=0 ;l3<10 ; l3++) document.write("<tableorder=1><tr><td>"+l1+"</td><td>"+l2+"</td><td>"+l3+"</td></tr></table></br>"); Esempio sui colori + istruzioni in uno degli argomenti del for ==> basta separarle con la,

9 ================== for (r=10, g=10, b=10; r<=90 ; r+=10) for (g = 10 ; g<=90; g=g+10) for (b = 10; b<=90 ; b=b+10) document.write("<font color=#"+r+g+b+"> Color #"+r+g+b+"</font><br>"); // Break termina l'esecuzione del ciclo for (k=0;;k++) if (k==7) break; document.writeln("<br>iterazione n "+(k+1)); Torna in cima e01692 Site Admin Inviato: Mar Mar 22, :24 am Soggetto: 22/03/2005-3P Registrato: 07 Set 2004 Messaggi: 218 schedina ==> 13 cicli for uno dentro l'altro 3^13 iterazioni for (l1=0 ;l1<10 ; l1++) for (l2=0 ;l2<10 ; l2++) for (l3=0 ;l3<10 ; l3++) document.write("<table BORDER=1><TR><TD>"+l1+"</TD><TD>"+l2+"</TD><TD>"+l3+"</TD></TR></TABLE></BR>"); Esempio sui colori + istruzioni in uno degli argomenti del for ==> basta separarle con la, ================== for (r=10, g=10, b=10; r<=90 ; r+=10) for (g = 10 ; g<=90; g=g+10)

10 for (b = 10; b<=90 ; b=b+10) document.write("<font color=#"+r+g+b+"> Color #"+r+g+b+"</font><br>"); // Break termina l'esecuzione del ciclo for (k=0;;k++) if (k==7) break; document.writeln("<br>iterazione n "+(k+1)); // Continue interrompe l'esecuzione del ciclo e vi manda al terzo argomento for (k=1;k<=10;k++) if ( (k==3) (k==7) ) continue; document.writeln("<br>iterazione n "+(k); while (condizione) bloccodiistruzioni; 1) Viene controllata la condizione 2) Se è vera eseguo il bloccodiistruzioni 3) Proseguo oltre il bloccodiistruzioni il for risulta + compatto for (arg1 ; arg2 ; arg3) Istruz

11 è equivalente a arg1 while arg2 Istruz arg function printlist (listtype) document.write("<" + listtype + "L>"); for (var i = 1; i < printlist.arguments.length; i++) document.write("<li>" + printlist.arguments[i]); document.write("</" + listtype + "L>"); printlist.arguments.length ==> numero di argomenti passati alla funzione printlist printlist.arguments[i] ==> i-esimo argomento ==> printlist.arguments[0] è il 1 argomento \" ==> documento.write("mario \"Rossi\"") ==> Mario "Rossi" this ==> rappresenta l'oggetto stesso this.name ==> il nome dell'oggetto this.src ==> per il tag IMG il percorso del file immagine <img src="img1.gif" NAME="Luna" onmouseover="isin(this.name)" onmouseout="isout()"> window.status ==> status indica la barra dello stato nella finestra del browser Torna in cima

12 e01692 Site Admin Registrato: 07 Set 2004 Messaggi: 218 Inviato: Sab Apr 09, :59 am Soggetto: 09/04/2005-3P EVENTI ========================================= sapere tutti eventi e oggetti associati this ==> INDICA L'OGGETTO CORRENTE <img src="img1.gif" NAME="Luna" onmouseover="isin(this.name)" onmouseout="isout()"> in QUESTO CASO è L'IMMAGINE STESSA <INPUT TYPE="button" NAME="Button1" VALUE="Push me" onclick="buttonpushed()"> <INPUT TYPE="button" NAME="Button1" VALUE="Push me" onclick="this.submit()"> è equivalente a: <INPUT TYPE="submit" NAME="Button1" VALUE="Push me"> La prima forma è preferibile poichè con il codice posso controllare l'input dell'utente prima di spedirlo al server WEB Torna in cima Mostra prima i messaggi di: Tutti i messaggi Prima i vecchi Vai Indice del forum -> Appunti - Classi 3 Tutti i fusi orari sono CET (Europa) Pagina 1 di 1 Vai a: Appunti - Classi 3 Vai Non puoi inserire nuovi argomenti in questo forum Non puoi rispondere agli argomenti in questo forum Non puoi modificare i tuoi messaggi in questo forum Non puoi cancellare i tuoi messaggi in questo forum Non puoi votare nei sondaggi in questo forum Powered by phpbb , 2002 phpbb Group