Curs Java Script

Limbajul de programare Java Script
Java Script: generaliti

JavaScript este un limbaj de programare simplu de tip script, utilizat pentru definirea comportamentului elementelor dintr-o pagin Web. Scriptul Java este un ansamblu de instruciuni ce realizeaz o anumit aciune, n general dependent de un eveniment care se produce n timpul navigrii pe o pagin Web. Java Script Java Nu necesit compilare, dar acest lucru i afecteaz n mod negativ viteza de execuie JS nu poate funciona de sine stttor, fiind integrat n coninutul HTML al paginii WEB.
Java Script: faciliti

generarea coninutului dinamic n paginile WEB reacionarea la aciuni sau evenimente (deschiderea unei pagini web, deplasarea mouse-ului intr-un anumit punct, stergerea unui anumit camp dintr-un formular) citirea i scrierea de elemente HTML . JS poate scrie i poate citi etichete HTML , permind schimbarea dinamic a coninutului unei etichete HTML validarea datelor nainte de trasmiterea acestora ctre server identificarea navigatorului Web i detectarea setrilor browser-ului utilizatorilor; crearea de cookie-uri (mici fiiere care stocheaz informaii pe calculatorul utilizatorului) prin scrierea i citirea informaiilor despre calculatorul pe care ruleaz pagina Web
ELEMENTE DE SINTAX
Codul JavaScript este case sensitive se face diferena ntre minuscule i majuscule; Fiecare instruciune este urmat de ; document.write(Salut !); n absena simbolului ; , sfritul instruciunii este considerat a fi sfritul liniei Pentru structurare, unele seturi de instruciuni JavaScript pot fi grupate n blocuri de cod, ncepute i finalizate cu acolade { i }
Java Script: generaliti

Scriptul este ncadrat de marcajele <script>...</script>
<html> <body> <script language =JavaScript> <script type=text/javascript> ..................................
</script> </body> </html>
Tehnici de inserare a codului JavaScript ntr-o pagin HTML
n seciunea head <html> <head> <script type=text/javascript> .... </script> </head> </html>
Scriptul se execut numai atunci cnd este apelat Permite asigurarea c ntregul script a fost ncrcat nainte de utilizarea sa Obligatoriu pentru un script care conine funcii
INTEGRARE N ANTETUL PAGINII

<HTML> <HEAD> <SCRIPT type="text/javascript"> function mesaj() { alert("Salut! Sunt un mesaj!"); } </SCRIPT> </HEAD> <BODY onload="mesaj()"> </BODY> </HTML>
INTEGRARE N ANTETUL PAGINII
n seciunea body <html> <head>...........</head> <body> <script type=text/javascript> .... </script> </body> Scriptul se execut n momentul ncrcrii paginii
Execuia sa genereaz de fapt coninutul paginii
INTEGRARE N CORPUL PAGINII

<HTML> <HEAD> </HEAD> <BODY> <SCRIPT type="text/javascript"> document.write("Mesaj generat de JavaScript"); </SCRIPT> </BODY> </HTML>
ntr-un fiier extern Pentru a oferi posibilitatea utilizrii acelorai scripturi n mai multe pagini se poate recurge la gruparea acestora ntr-un fiier cu extensia .js ctre care se poate face o referin astfel: <html> <head> <script src=numeFisier.js> </script> </head> <body> </body> Cnd acelai script apare n pagini diferite </html> Evit necesitatea includerii n fiecare pagin
Argumentul src= trimite ctre fiierul extern
INTEGRARE SCRIPT EXTERN

<HTML> <HEAD> </HEAD> <BODY> <SCRIPT src="extern.js"> </SCRIPT> <HR> <P>Textul de deasupra liniei a fost generat de catre <BR> un <I>script</I> extern numit "extern.js". </BODY> </HTML>
INTEGRARE SCRIPT EXTERN

Coninutul fiierului extern.js este:
document.write ("Text generat de un script extern");
INTEGRAREA COMENTARIILOR
Comentarii: iruri de caractere care nu vor fi Pe o singur linie (dublu slash - // ):
<SCRIPT type="text/javascript"> //Aceast linie este un comentariu linie genereaz un mesaj document.write("Mesaj JavaScript"); </SCRIPT>
luate n considerare de ctre browser, fiind scrise pentru uzul propriu al programatorului.
//Urmtoarea
Pe mai multe linii (simbolurile /* i */):

<SCRIPT type="text/javascript"> /*Aceast linie este un comentariu Urmtoarea linie genereaz un mesaj*/ document.write("Mesaj JavaScript");
Elementele limbajului Java Script :
Datele simple
Numerice; Alfanumerice; Logice (True / False). False)
Elementele limbajului Java Script
Instruciuni
Instruciunea document.write poate fi utilizat pentru a scrie coninut n pagina Web prin intermediul programului Sintaxa: document.write(text); Exemplu: document.write(Salut !); Textul poate conine i etichete HTML care vor fi interpretate de ctre browser: document.write(<B>Titlu</B>);
Elementele limbajului Java Script
Instruciuni
<HTML> <BODY> <SCRIPT type="text/javascript"> document.write("Hello World!"); </SCRIPT> </BODY> </HTML>
Variablile
Variabilele sunt utilizate pentru stocarea temporar a valorilor cu care se lucreaz la un moment dat. Reguli pentru denumirea variabilelor: Numele de variabil este case sensitive Numele unei variabile trebuie s nceap cu un caracter alfabetic sau cu _ (underscore)
Variablile
Crearea unei variabile JScript se numete declaraie n acest scop se utilizeaz cuvntul-cheie var Exemple:
var x; var marca;
Variabilele pot primi valori nc din momentul declarrii:

var x=5; var marca=Toyota;
Not: Atribuirea unei valori de tip text (ir de caractere) presupune ncadrarea irului de caractere ntre ghilimele Declararea implicit a variabilelor se realizeaz prin atribuirea direct a unei valori pentru o variabil care nu a fost declarat n prealabil:
x=5; marca=Toyota;
SCHIMBAREA VALORII UNEI VARIABILE

<HTML> <BODY>
<SCRIPT type=text/javascript> var prenume; prenume=Vasile; document.write(prenume); document.write(<BR>); prenume=Marcel; document.write(prenume); </SCRIPT>
<P>Scriptul declar o variabil, i atribuie o valoare, afieaz valoarea,<BR> modific valoarea, afieaz din nou valoarea.</P> </BODY> </HTML>
Elementele limbajului Java Script : var x, y; var suma; var mesaj; x=90; y=80; suma=x+y; mesaj=Suma este: ; document.write(mesaj+suma)
Variablile
<SCRIPT type=text/javascript>
</SCRIPT>

Operatori aritmetici Considernd c y=10
Operator Descriere Adunare / Concatenare (siruri) Scdere nmulire mprire Modulo(restul mpririi) Incrementare Decrementare
Operatori
Rezultat x=12 x=8 x=20 x=5 x=0 x=11 x=9
Exemplu x=y+2 x=y-2 x=y*2 x=y/2 x=y%2 x=++y x=--y
+ * / % ++ --

Operatori de atribuire compui: Considernd x=5 i y=10
Operator Exemplu
Operatori
Echivalent cu
Rezultat
= += -= *= /=
x=y x+=y x-=y x*=y x/=y
x=x+y x=x-y x=x*y x=x/y
x=10 x=15 x=-5 x=50 x=0.5

Operatori de comparare: Considernd x=10
Operator Descriere
Operatori
Exemplu
== === != > < >= <=
egal exact egal (valoare i tip) diferit mai mare mai mic mai mare sau egal mai mic sau egal
x==8 este fals x===10 este adevrat x==='10' este fals x!=8 este adevrat x>8 este adevrat x<8 este fals x>=10 este adevrat x<=10 este adevrat

Operatori logici: Considernd c x=7 i y=8
Operator Descriere
Operatori
Exemplu
&& || !
And(i) or (sau) not
(x < 10 && y > 1) este adevrat (x==5 || y==5) este fals !(x==y) este adevrat
Operatori
<script> a=4;b=6;nume1=Maxim; if((a>2)&&(b==6)) {document.write(a este mai mare ca 2); document.write( i b este egal cu 6)} </script>
OPERATORUL CONDIIONAL Utilizare: atribuirea unei valori ctre o variabil, n funcie de o condiie. Sintax general:
variabil=(condiie)? valoare1:valoare2
Exemplu:
statut=(media<5)?nepromovat:promovat
Explicaie: Dac variabila media are o valoare sub 5, variabila statut ia valoarea nepromovat, n caz contrar, variabila statut ia valoarea promovat.
STRUCTURI FUNDAMENTALE
Realizarea unui program complex presupune, n majoritatea cazurilor, utilizarea a trei structuri de programare:
Structura secvenial instruciuni care se execut n ordinea n care au fost scrise Structura alternativ instruciuni care se execut sau nu n funcie de valoarea de adevr a unei condiii Structura repetitiv instruciuni a cror execuie se reia de mai multe ori, n funcie de parametrii specificai
STRUCTURI ALTERNATIVE
if permite execuia unei seciuni de program numai dac o anumit condiie este adevrat if...else permite execuia unei seciuni de program atunci cnd o condiie este adevrat i a altei seciuni n cazul n care condiia este fals if...else if....else se utilizeaz pentru selecia unei anumite seciuni de program, din multiple variante posibile switch se utilizeaz pentru selecia unei anumite seciuni de program, din multiple variante posibile
Instruciunea IF... ELSE:
if (condiie) { instruciune 11; .... instruciune 1n } [else {instruciune 21; .. instruciune 2m;}]
Instruciunea IF... ELSE:
NU Test S2
DA
S1
Instruciunea IF ... ELSE

<html> <head> </head> <body> <script language=javascript> var nota nota=prompt(Introduceti nota,0) if (nota<5) {alert (Nepromovat)} else {alert (Promovat)} </script> </body> </html>
Instruciunea IF ... ELSE

<html> <body> <script language="javascript"> var nota nota=prompt("Introduceti nota","0") if (nota<5) {alert ("Nepromovat")} else {if (nota<7) {alert ("Bine")} else {alert ("Foarte bine") }} </script> </body> </html>
INSTRUCIUNEA IFELSE IFELSE
Sintax general:
if (condiie1) { Instruciuni care se execut atunci cnd condiia 1 este adevrat } else if (condiie2) { Instruciuni care se execut atunci cnd condiia 2 este adevrat } else { Instruciuni care se execut atunci cnd nici una dintre condiii nu este adevrat }
Instruciunea SWITCH... CASE
switch (constanta/variabila conditionala) { case valoare 1: bloc_1 de instruciuni break case valoare 2: bloc_2 de instruciuni break ............................. case valoare n: bloc_n de instruciuni break default : bloc de instruciuni ce se executa in cazul nendeplinirii condiiilor enunate; }

<script language="javascript"> var a=10 var b=20 var x=Number(0) var operatie = "+" switch (operatie) { case "-" : x = a-b break case "+" : x = a+b alert ("x este"+x) break case "*" : x = a*b break case "/" : x = a/b; break default : document.write ("operatie eronata") } </script>
STRUCTURI REPETITIVE
Sunt utilizate pentru repetarea unei secvene de instruciuni de un numr specificat de ori sau att timp ct o anumit condiie este adevrat for repet o secven de instruciuni de un numr specificat de ori while repet o secven de instruciuni att timp ct o anumit condiie este adevrat
Structuri repetitive: DO ... WHILE

Execut odat un bloc de instruciuni, dup care repet execuia acelui bloc atta
timp ct condiia de la finalul blocului este ndeplinit
do { instruciune 1; instruciune 2; instruciune n; } while (condiie)
Bloc de instructiuni
Test
NU
DA
Sintax:
do { instruciuni } while (var <= valf);
Semnificaie:
valf valoarea final a contorului Incrementarea nu este automat! Instruciunea se execut cel puin o dat!
......... <script language=javascript> var n=Number(0) var i=Number(0) DA Te var suma=Number(0) NU st suma n=prompt(Pentru cate numere calculati suma ?)
do {
suma=suma+i suma suma i++
Suma Suma Suma Suma Suma
= 0 + 0 Suma = 0 = 0 + 1 Suma = 1 = 1 + 1 Suma = 2 = 2 + 1 Suma = 3 = 3 + 1 Suma = 4
} while
(i<=n) alert(Suma este: +suma) suma </script>
1 <= 4 2 <= 4 3 <= 4 4 <= 4 5 <= 4
1+2+3+4
Structuri repetitive: WHILE

Repet execuia unui bloc de instruciuni pn cnd o condiie este ndeplinit
while (condiie) { instruciune 1; instruciune 2; ................ .. instruciune n; }
NU Test
DA Bloc instructiuni
Structuri repetitive: WHILE
Sintax:
while (var <= valf) { instruciuni }
Semnificaie:
valf valoarea final a contorului Operatorul <= poate fi nlocuit cu orice operator de comparaie (<, >, !=, >=, etc.) Incrementarea nu este automat!
EXEMPLU WHILE <HTML> <HEAD></HEAD> <BODY> <script type="text/javascript"> var i=0; while (i<=10) { document.write("Valoarea este " + i); document.write("<br>"); i=i+1; } </script> </BODY></HTML>
EXEMPLU WHILE
.............
EXEMPLU WHILE
<script language=javascript> var n=Number(0); var i=Number(0); var suma=Number(0); suma n=prompt(Pentru cate numere calculati suma);
while
{
(i<=n)
suma=suma+i; suma suma i++;
Nu
DA
}
alert(Suma este: +suma); suma </script> ..............
Structuri repetitive: FOR FOR ([expresie iniial]; [condiie]; [expresie final]) { bloc instruciuni}
for (var=v1;var<=v2;var=var+pas) { instruciuni } Semnificaie:

V1 valoarea iniial a contorului V2 valoarea final a contorului Pas valoarea cu care se incrementeaz contorul la nceputul fiecrei iteraii
EXEMPLU FOR
<HTML> <HEAD></HEAD> <BODY> <script type="text/javascript"> var i=0; for (i=0;i<=10;i++) {
document.write("Aceasta este linia " + i); document.write("<br>");
} </script> </BODY> </HTML>
EXEMPLU FOR
<HTML> <HEAD></HEAD> <BODY> <script type="text/javascript"> var i=0; for (i = 1; i <= 6; i++) { document.write("<H" + i + "> Acesta este header " + i); document.write("</H" + i + ">"); } </script> </BODY></HTML>
EXEMPLU FOR
EXEMPLU FOR
<html> <body>
EXEMPLU FOR
<script language=javascript> var n =Number(0); var i = Number(0); var suma = Number(0); n= prompt(Pentru cate numere doriti sa calculati suma)
for (i=0; i<=n;i++) {

suma=suma+i uma suma
}
alert (Suma este +suma) suma </script>
</body> </html>
Funcii JavaScript
Definiie: o secven de cod reutilizabil, executat ca urmare a apariiei unui eveniment sau a unui apel din cadrul programului O funcie poate fi apelat din mai multe locaii diferite
Funcii JavaScript Funciile pot fi declarate n orice zon a paginii (de asemenea pot fi declarate ntr-un fiier extern cu extensia .js). Ele pot fi definite att n seciunea head cat i n body, dar pentru a avea certitudinea ncrcrii funciei n memorie nainte de apelarea ei se recomand declararea acestora n seciunea head.
Funcii JavaScript
Sintaxa generala utilizat la declararea unei funcii:
function nume_functie([var1,var2,...,varX]) { Bloc instruciuni }

unde var1,var2,...,varX sunt parametrii funciei
INSTRUCIUNEA RETURN
Permite specificarea explicit a valorii returnate de ctre o funcie Orice funcie care returneaz o valoare trebuie s o utilizeze Sintax:
function numefuncie() { instruciuni
return valoare
}
EXEMPLU RETURN
<HTML><HEAD> <script type="text/javascript"> function produs(a,b) { x=a*b; return x; } </script> </HEAD> <BODY> <input type="button" onclick="alert(produs(2,3))" value="Afiseaza produsul"> </BODY></HTML>
CASETE DE DIALOG Utilizare: metoda de baz pentru asigurarea comunicrii cu utilizatorul. Funcii:
Transmiterea (afiarea) de mesaje Cererea (interogarea) unor date
Tipuri de casete de dialog:

Caset de atenionare (alert box) Caset de confirmare (confirm box) Caset de interogare (prompt box)
CASETA DE ATENIONARE
Permite asigurarea c o anumit informaie este vzut de utilizator. Dup afiarea casetei, execuia programului se suspend pn la apsarea butonului OK
Sintax: alert(Mesaj);
CASETA DE ATENIONARE
<HTML> <HEAD> <script type="text/javascript"> function AfisareMesaj() { alert("Sunt o caseta de dialog!!"); } </script> </HEAD> <BODY> <INPUT type="button" onclick="AfisareMesaj()" value="Afiseaza caseta de dialog"> </BODY> </HTML>
CASETA DE CONFIRMARE
Permite asigurarea c utilizatorul verific sau accept o informaie. Afiarea unei asemenea casete suspend execuia programului pn la apsarea butonului OK sau a butonului Cancel Caseta se comport ca o funcie:
Butonul OK returneaz true Butonul Cancel returneaz false
Sintax:
confirm(mesaj);
<HTML><HEAD> <script type="text/javascript"> function AfisareConfirmare() { var r=confirm(Alegeti un buton!"); if (r==true) { document.write("Ati apasat OK!"); } else { document.write("Ati apasat Cancel!"); } } </script> </HEAD>
<BODY> <INPUT type="button" onclick="AfisareConfirmare()" value="Afiseaza caseta de confirmare"> </BODY></HTML>
CASETA DE INTEROGARE
Permite cererea unei valori de la utilizator. Dup afiarea casetei, execuia programului se suspend pn la introducerea valorii i apsarea butonului OK sau a butonului Cancel Caseta se comport ca o funcie:
Butonul OK returneaz val. introdus Butonul Cancel returneaz null
Sintax: prompt(Mesaj",Val.Impl.");
<HTML><HEAD> <script type="text/javascript"> function AflaNume() { if (nume!=null && nume!="") {
var nume=prompt("Introduceti numele:","Popescu Ion");
document.write("Salut " + nume + "! Ce faci?");
} } </script> </HEAD> <BODY> <INPUT type="button" onclick="AflaNume()" value="Afiseaza caseta interogare"> </BODY></HTML>
OBIECTE JavaScript
JavaScript este un limbaj de programare bazat pe obiecte. Obiectele reprezinta un tip special de date care au asociate proprieti i metode. Proprietile sunt valori asociate obiectelor. Metodele sunt aciuni care se execut asupra obiectelor.
OBIECTE JavaScript
Pentru a lucra cu o aplicaie, trebuie cunoscute obiectele specifice aplicaiei respective: Exemple MS Office:
Word: documente; paragrafe; cuvinte; Excel: fiiere; foi de calcul; cmpuri Access: tabele; nregistrri; cmpuri
OBIECTE JavaScript
Programarea Orientat pe Obiecte (POO) presupune descrierea unui mediu informaional sub form de obiecte (Eu, Dvs. Lumea, etc) Limbajul JavaScript posed o multitudine de obiecte: STRING DATE MATH ARRY Etc.
Obiecte: Colecii de obiecte

Numeroase obiecte aparin coleciilor de obiecte Ex: un bloc este o colecie de scri;
o scar este o colecie de etaje:
un etaj este o colecie de apartamente, etc.)
Coleciile sunt ele nsele obiecte care conin alte obiecte, cu care sunt n relaie. Coleciile de obiecte se gsesc adesea prezentate printr-o structur ierarhic sau arborescent
Obiecte: Proprieti
Proprietile reprezint caracteristicile fizice ale obiectelor. obiectelor Proprietile pot fi msurate sau cuantificate (Obiectul Eu poate avea ca proprieti: nlime, greutate, vrst, nume, CNP, sold cont personal, numr cri scrise, etc.). Cteva din aceste proprieti sunt uor de modificat (sold cont personal), altele sunt mai dificil de modificat (ani, nlime, greutate, numr cri scrise, vrst), iar altele (aproape) imposibil (sex, nume, CNP, etc) Pentru a face referire la proprietatea unui obiect, trebuie referit obiectul, iar apoi proprietatea acestuia: Obiect.Proprietate valorizat n JS: ObiectString. Length (pentru a returna numrul de caractere din obiectul de tip text. n VBA Excel: Range(D4).Value=Albu (pentru a introduce n celula D4 numele Albu n VBA Access: Forms!Facturi.NrFactura.Visible=YES Forms Facturi Visible
Metodele reprezint aciuni care pot fi ndeplinite de obiecte sau pot fi aplicate obiectelor Metodele permit adesea schimbarea proprietilor obiectelor Exemple: Metoda merge poate schimba poziia unui individ (obiect) dintr-un punct A (valoare) ntr-un punct B (valoare), modificnd proprietatea amplasare din valoarea A n B. Metoda cheltuiete permite diminuarea proprietii sold bancar aferente obiectului Eu Mod de referire: Obiect.Metod n Excel:
Range(D2:D10).Select Range(D2:D10).Copy sau Selection.Copy Range(F2:F10).Select ActiveSheet.Paste
Obiecte: Metode
n JavaScript:
ObiectString.indexOf(textcautat,pozitieStart)
EVENIMENTE JavaScript
Evenimentele sunt aciuni care pot fi detectate de JavaScript. Fiecare element al unei pagini web are ataate evenimente care pot declana funcii JavaScript.
Exemple :
Un click sau dubluclick de mouse ncrcarea unei pagini sau a unei imagini Deplasarea mouse-ului deasupra unei zone reactive dintr-o pagin Selectarea unei casete de validare dintr-un formular HTML Transmiterea unui formular HTML Apsarea unei taste
Obiectul String
Sintaxa utilizat pentru crearea unui obiect de tip text :
Var
obiect=new String();
Proprietatea length Returneaz numrul de caractere din obiectul de tip text. Sintaxa: obiectString. length <script type="text/javascript"> var txt="CIG" document.write(txt.length); </script>
Obiectul String
Sintaxa utilizat pentru crearea unui obiect de tip text :
Var
obiect=new String();
Obiectul String
Metoda indexOf()
Sintaxa: obiectString.indexOf(textcautat,pozitieStart)
Returneaz poziia primei apariii a unui text n cadrul altui text. Argumentul pozitieStart este o valoare opional indicnd poziia cu care ncepe cutarea. Atunci cnd textul cutat nu este gsit metoda returneaz -1
Obiectul String
<script type="text/javascript"> var txt="CIG"; document.write("Pozitia literei I in cadrul textului: " + txt.indexOf("I")); ") document.write("<BR>"); document.write("Pozitia literei i in cadrul textului: " + txt.indexOf("i")); ") </script>
Obiectul String Metoda lastIndexOf()

Sintaxa:
obiectString.lastindexOf(textcautat,pozitieStart)
Returneaz poziia ultimei apariii a unui ir de caractere n cadrul altui text. pozitieStart este o valoare opional indicnd pozitia de la care ncepe cutarea. Atunci cnd textul cutat nu este gsit metoda returneaz -1
Obiectul String Exemplu metoda lastindexOf()

obiectString.lastindexOf(textcautat,pozitieStart) <script type="text/javascript"> var txt="INFORMATICA"; document.write("Pozitia ultimei aparitii a literei I in cadrul textului: " + txt.lastIndexOf("I",0)); document.write("<BR>"); document.write("Pozitia literei i in cadrul textului: " + txt.lastIndexOf("i")); </script>
Obiectul String
Metoda substr()
Sintaxa:
obiectString.substr(poziieStart,lungime)
Extrage un numr de caractere egal cu valoarea precizat de lungime ncepnd cu poziia precizat prin argumentul poziieStart. Daca argumentul lungime lipsete se va extrage textul pn la sfrit Metoda substring()
Sintaxa:
obiectString.substring(poziieStart, poziieSfrit)
Extrage textul cuprins ntre argumentele poziieStart i poziieSfrit. Dac poziieSfrit este omis se va extrage irul de caractere pn la sfrit.
Obiectul String
Exemple metode substr() i substring()
obiectString.substr(poziieStart,lungime) obiectString.substring(poziieStart, poziieSfrit) <script type="text/javascript"> var txt="CONTABILITATE SI INFORMATICA DE GESTIUNE"; document.write(txt.substr(17)); </script> <br> <script type="text/javascript"> var txt="CONTABILITATE SI INFORMATICA DE GESTIUNE"; document.write(txt.substring(17,28)); </script>
Obiectul String Metoda toLowerCase()

Sintaxa:
obiectString.toLowerCase()
Transform toate caracterele textului n minuscule.
Metoda toUpperCase()
Sintaxa:
obiectString.toUpperCase ()
Transform toate caracterele textului n majuscule.
Obiectul String
Metodele toLowerCase() i toUpperCase()
obiectString.toLowerCase() obiectString.toUpperCase ()
<script type="text/javascript"> var txt="CONTABILITATE SI INFORMATICA DE GESTIUNE"; document.write(txt.toLowerCase()); </script> <br> <script type="text/javascript"> var txt="Contabilitate si Informatica de Gestiune"; document.write(txt.toUpperCase()); </script>
Obiectul String
<SCRIPT type="text/javascript"> var txt=Bafta la examen !"; document.write("Big:" + txt.big() +"<BR>"); document.write("Small:" + txt.small() +"<BR>"); document.write("Bold:" + txt.bold() +"<BR>"); document.write("Italic:" + txt.italics() +"<BR>"); document.write("Taiat:" + txt.strike() +"<BR>"); document.write("Cul:" + txt.fontcolor("Red") +"<BR>"); document.write("Marime:" + txt.fontsize(16) +"<BR>"); document.write("Indice:" + txt.sub() +"<BR>"); document.write("Exponent:" + txt.sup() +"<BR>"); </SCRIPT>
Obiectul Date
Sintaxa utilizat pentru crearea unui obiect de tip dat :
Var
obiect=new Date();
Metoda Date() Returneaz data i ora curent. Sintaxa: obiectDate.Date()
<script type="text/javascript"> var data=new Date(); document.write("Data si ora curenta: " +data.Date());
Obiectul Date
Metoda getDate() Returneaz ziua dintr-o dat sub forma unui numr cuprins ntre 1 i 31 Sintaxa: obiectDate.getDate() <script type="text/javascript"> var data=new Date(); document.write("Ziua curenta " +data.getDate()); </script>
Obiectul Date
Metoda getMonth() Returneaz luna dintr-o dat sub forma unui numr cuprins ntre 1 i 12 Sintaxa: obiectDate.getMonth() <script type="text/javascript"> var data=new Date(); document.write(Luna curenta " +data.getMonth()); </script>
Obiectul Date
Metoda getFullYear() Returneaz anul curent Sintaxa: obiectDate.getFullYear()
<script type="text/javascript"> var data=new Date(); document.write(Anul curent " +data.getFullYear()); </script>
Obiectul Date
Metoda setDate() Seteaz ziua pentru o dat calendaristic Sintaxa: obiectDate.setDate()
<script type="text/javascript"> var data=new Date(); data.setDate(20); document.write("Data: " +data); </script>
Obiectul Date
Metoda setMonth() Seteaz luna pentru o dat calendaristic cu valori cuprinse ntre 0 si 11 Sintaxa: obiectDate.setMonth()
<script type="text/javascript"> var data=new Date(); data.setMonth(11); document.write("Data: " +data); </script>
Obiectul Date
Metoda setFullYear() Seteaz anul pentru o dat calendaristic Sintaxa: obiectDate.setFullYear()
<script type="text/javascript"> var data=new Date(); data.setFullYear(2010); document.write("Data: " +data); </script>
Obiectul Date
Metoda toDateString() Returneaz data dintr-un obiect de tip Date. Sintaxa: obiectDate.toDateString()
<script type="text/javascript"> var data=new Date();
document.write("Data: " data.toDateString());
</script>
Obiectul Math
Metoda Round()
Rotunjete argumentul la cea mai apropiat valoare ntreag.
Sintaxa: Math.Round(x) Metodele Ceil() / Floor(x)

Rotunjete argumentul prin adaos sau lips ctre cea mai apropiat valoare ntreag.
Sintaxa: Math.Ceil(x) / Mat.Floor(x) Metoda Pow()

Returneaz valoarea obinut prin ridicarea lui x la puterea y.
Sintaxa: Math.Pow(x,y)
Obiectul Math
Obiectul Math
Metoda Abs()
Returneaz valoarea absolut a argumentului.
Sintaxa: Math.Abs(x) Metodele Max() / Min()

Returneaz cea mai mare / mic valoare dintre argumente.
Sintaxa: Math.Max(x,y) / Mat.Min(x,y) Metoda Sqrt()

Returneaz rdcina ptrat a argumentului.
Sintaxa: Math.Sqrt(x)
Obiectul ARRAY
Este utilizat pentru a stoca valori multiple ntr-o singur variabil
Sintaxa utilizat pentru crearea unui obiect de tip tablou :
Var obiect=new Array();

Proprietatea Length()
Returneaz numrul de elemente dintr-un obiect de tip Array.
Sintaxa: obiectArray.Length() Metoda Reverse()

Inverseaz ordinea elementelor dintr-un vector.
Sintaxa: obiectArray.reverse() Metoda sort() Realizeaz o sortare alfabetic a elementelor dintrun vector. Sintaxa: obiectArray.sort()

Curs Java Script

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Curs Java Script

Enviado por

Direitos autorais:

Formatos disponíveis

Limbajul de programare Java Script

Java Script: generaliti

Java Script: faciliti

Java Script: generaliti

</script> </body> </html>

Tehnici de inserare a codului JavaScript ntr-o pagin HTML

INTEGRARE N ANTETUL PAGINII

INTEGRARE N ANTETUL PAGINII

Tehnici de inserare a codului JavaScript ntr-o pagin HTML

INTEGRARE N CORPUL PAGINII

Tehnici de inserare a codului JavaScript ntr-o pagin HTML

INTEGRARE SCRIPT EXTERN

INTEGRARE SCRIPT EXTERN

Pe mai multe linii (simbolurile /* i */):

Elementele limbajului Java Script :

Numerice; Alfanumerice; Logice (True / False). False)

Elementele limbajului Java Script

Elementele limbajului Java Script

<HTML> <BODY> <SCRIPT type="text/javascript"> document.write("Hello World!"); </SCRIPT> </BODY> </HTML>

Elementele limbajului Java Script :

Elementele limbajului Java Script :

Variabilele pot primi valori nc din momentul declarrii:

SCHIMBAREA VALORII UNEI VARIABILE

Elementele limbajului Java Script :

Exemplu x=y+2 x=y-2 x=y*2 x=y/2 x=y%2 x=++y x=--y

Elementele limbajului Java Script :

x=y x+=y x-=y x*=y x/=y

x=x+y x=x-y x=x*y x=x/y

x=10 x=15 x=-5 x=50 x=0.5

Elementele limbajului Java Script :

== === != > < >= <=

Elementele limbajului Java Script :

And(i) or (sau) not

Elementele limbajului Java Script :

Instruciunea IF... ELSE:

Instruciunea IF... ELSE:

Instruciunea IF ... ELSE

Instruciunea IF ... ELSE

INSTRUCIUNEA IFELSE IFELSE

Instruciunea SWITCH... CASE

Instruciunea SWITCH... CASE

Instruciunea SWITCH... CASE

Structuri repetitive: DO ... WHILE

timp ct condiia de la finalul blocului este ndeplinit

do { instruciune 1; instruciune 2; instruciune n; } while (condiie)

Structuri repetitive: DO ... WHILE

Structuri repetitive: DO ... WHILE

Suma Suma Suma Suma Suma

= 0 + 0 Suma = 0 = 0 + 1 Suma = 1 = 1 + 1 Suma = 2 = 2 + 1 Suma = 3 = 3 + 1 Suma = 4

(i<=n) alert(Suma este: +suma) suma </script>

1 <= 4 2 <= 4 3 <= 4 4 <= 4 5 <= 4

Structuri repetitive: WHILE

while (condiie) { instruciune 1; instruciune 2; ................ .. instruciune n; }

Structuri repetitive: WHILE

suma=suma+i; suma suma i++;

for (var=v1;var<=v2;var=var+pas) { instruciuni } Semnificaie:

} </script> </BODY> </HTML>

for (i=0; i<=n;i++) {

function nume_functie([var1,var2,...,varX]) { Bloc instruciuni }

Tipuri de casete de dialog:

<BODY> <INPUT type="button" onclick="AfisareConfirmare()" value="Afiseaza caseta de confirmare"> </BODY></HTML>

<HTML><HEAD> <script type="text/javascript"> function AflaNume() { if (nume!=null && nume!="") {

var nume=prompt("Introduceti numele:","Popescu Ion");