Scrigroup - Documente si articole

     

 
HomeDocumenteUploadResurseAlte limbi doc
 
AccessAdobe photoshopAlgoritmiAutocadBaze de dateCC sharp
CalculatoareCorel drawDot netExcelFox proFrontpageHardware
HtmlInternetJavaLinuxMatlabMs dosPascal
PhpPower pointRetele calculatoareSqlTutorialsWebdesignWindows
WordXml


CURS JAVASCRIPT

html



+ Font mai mare | - Font mai mic



CURS JAVASCRIPT

Javascript este un limbaj de scripting creat pentru a oferi interactiune cu paginile WEB, incorporat de obicei    direct in paginile HTML



JavaScript ≠Java

JavaScript si Java sunt limbaje diferite, Java este un limbaj de programare mai puternic si mai complex    din aceeasi categorie cu C, C++.

Capabilitatile JavaScript

JavaScript ofera designerilor HTML un instrument de programare cu ajutorul caruia aproape oricine poate insera mici bucati de cod in paginile HTML

JavaScript poate genera continut dinamic in paginile WEB

JavaScript poate reactiona la evenimente

JavaScript poate citi si scrie elemente HTML

JavaScript poate fi folosit pentru validarea datelor inainte de trnasmiterea acestora catre server

JavaScript poate fi    folosit pentru a detecta setarile browser-ului utilizatorilor

JavaScript poate fi folosit pentru a crea asa-numitele cookie-uri (mici fisiere care stocheaza informatii pe calculatorul utilizatorului)

Inserarea de cod JavaScript in paginile HTML

Pentru inserarea de cod JavaScript in paginile HTML se utilizeaza tag-ul <script>

<html>

<body>

<script type='text/javascript'>

document.write('Buna ziua!');

</script>

</body>

</html>

Inserarea de cod JavaScript intr-o pagina HTML

Inserarea de cod JavaScript intr-o pagina HTML se poate realiza in urmatoarele sectiuni:

In sectiunea head

<html>

<head>

<script type='text/javascript'>

</script>

</head>

In sectiunea body

<html>
<head>
</head>
<body>
<script type='text/javascript'>

</script>
</body>

Intr-o pagina HTML se poate insera un numar nelimitat de scripturi atat in sectiunea head cat si in body (simultan)

Intr-un fisier extern

Pentru a oferi posibilitate utilizarii acelorasi scripturi in mai multe pagini se poate recurge la gruparea acestora intr-un fisier cu extensia .js catre care se poate face o referinta astfel:


<html>
<head>
<script src='numeFisier.js'></script>
</head>
<body>
</body>
</html>

Instructiuni JavaScript

O instructiune JavaScript este o comanda data browser-ului. Se recomanda (desi nu este obligatoriu) plasarea la sfarsitul fiecarei instructiuni a semnului ;.

JavaScript este un limbaj case sensitive. (a≠A)

Instructiunile pot fi grupate in blocuri sub forma


<script type='text/javascript'>

</script>

Inserarea comentariilor in paginile HTML

Comentariile sunt adaugate pentru a explica instructiunile utilizate si face astfel codul lizibil.

Comentarea unei singure linii se relizeaza cu "//" astfel

<script type='text/javascript'>

// Instructiunea urmatoare creaza un paragraf

document.write('<p>This is a paragraph</p>');

document.write('<p>This is a paragraph</p>'); // se creeza paragraf

</script>

Comentarea mai multor linii se realizeaza astfel:

<script type='text/javascript'>

/* acesta este un comentariul care cuprinde mai multe linii

document.write('<p>This is a paragraph</p>');

document.write('<p>This is a paragraph</p>');

</script>

Lucrul cu variabile

Variabilele sunt utilizate pentru stocarea temporara a valorilor cu care se lucreaza la un moment dat.

Reguli pentru denumirea variabilelor:

Numele variabilelor sunt case sensitive

Numele unei variabile trebuie sa inceapa cu un caracter alfabetic sau cu _ (underscore)

Crearea (declararea)    variabilelor se realizeaza utilizand instructiunea var

Ex:

var x;

var y;

var suma;

var mesaj;

x=90;

y=80;

suma=x+y;

mesaj="Suma este: ";

document.write(mesaj+suma)

Varibilele pot fi declarate implicit astfel:

x

mesaj="Buna ziua";

Redeclarare variabilelor:

x=5;

var x;

document.write(x);

in urma redeclararii variabilei x ea isi pastreaza valoarea anterioara (5 in cazul de fata)

Operatori JavaScript:

Operatori aritmetici

Considerand ca y

Operator

Descriere

Example

Result

Adunare

x=y+2

x=12

Scadere

x=y-2

x=10

Inmultire

x=y*2

x=20

Impartire

x=y/2

x=5

Modulo(restul impartirii)

x=y%2

x=0

Incrementare

x=++y

x=11

Decrementare

x=--y

x=9

Operatori de atribuire:

Considerand x si y=10

Operator

Exemplu

Echivalent cu

Rezultat

x=y

x=10

x+=y

x=x+y

x=15

x-=y

x=x-y

x=-5

x*=y

x=x*y

x=50

x/=y

x=x/y

x=0.5

x%=y

x=x%y

x=5

Operatorul "+" utilizat cu variabile de tip text are ca efect concatenarea.

Exemplu:

var nume="IONESCU ";

var prenume="Paul";

document.write(nume+prenume);

Atunci cand se utilizeaza operatorul "+" intre un text si un numar rezultatul este un text.

Operatori de comparare

Considerand ca x=10

Operator

Descriere

Exemplu

egal

x==8 este fals

exact egal (valoare si tip)

x===10 este adevarat

x==='10' este fals

diferit

x!=8 este adevarat

>

mai mare

x>8 este adevarat

<

mai mic

x<8 este fals

>=

mai mare sau egal

x>=10 este adevarat

<=

mai mic sau egal

x<=10 este adevarat

Operatori logici:

Considerand ca x=7 si y=8

Operator

Descriere

Exemplu

&&

And(si)

(x < 10 && y > 1) este adevarat

or (sau)

(x==5 || y==5) este fals

not

!(x==y) este adevarat

Structuri conditionale

Ifelse

Permite executarea unor secvente de cod in functie de indeplinirea unei conditii

Sintaxa generala

if (conditie)

else

Exemplul 1:

<html>

<head></head>

<body>

<script language='javascript'>

var nota;

nota=prompt('Introduceti nota','0');

if (nota<5)

else

</script>

</body>

</html>

In exemplul prezentat se solicita introducerea unei valori de la tastatura utilizand instructiunea prompt, valoare care este stocata in variabila nota. Daca valoarea acesteia este mai mica decat 5 atunci se va afisa cu instructiunea alert mesajul "Nepromovat", in caz contrar se afiseaza "Promovat".

Exemplul 2:

<html>

<head></head>

<body>

<script language='javascript'>

var nota;

nota=prompt('Introduceti nota','0');

if (nota<5)

else

else

}

</script>

</body>

</html>

switch

switch(n)

Structuri repetitive

Sunt structuri care permit repetarea

<script language='javascript' type='text/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++)

alert ('Suma este ' +suma);

var s = new String;

</script>

Sintaxa

while

Repeta executia unui bloc de instructiuni atita timp cat o conditie este indeplinita

Sintaxa

while (conditie)

Exemplu

<html>

<body>

<script language='javascript'>

var n=Number(0);

var i=Number(0);

var suma=Number(0);

n=prompt('Pentru cate numere calculati suma');

while (i<=n)

alert('Suma este: ' +suma);

</script>

</body>

</html>

dowhile

executa o data un bloc de instructiuni, dupa care repeta executia acelui bloc atata timp cat conditia de la finalul blocului este indeplinita

<html>

<body>

<script language='javascript'>

var n=Number(0);

var i=Number(0);

var suma=Number(0);

n=prompt('Pentru cate numere calculati suma');

do

while (i<=n);

alert('Suma este: ' +suma);

</script>

</body>

</html>

Functii JavaScript

O functie contine cod care va fi executat la aparitia unui eveniment sau cand va fi apelat de catre alta functie. Functiile pot fi declarate in orice zona a paginii (de asemenea pot fi declarate intr-un fisier extern cu extensia .js). Ele pot fi definite atat in sectiunea head cat si in body, dar pentru a avea certitudinea incarcarii functiei in memorie inainte de apelarea ei se recomanda declararea acestora in sectiunea head.

Sintaxa generala utilizata la declararea unei functii:

function nume_functie(var1,var2,,varX)

unde var1,var2,,varX sunt parametric ai functiei

O functie fara parametri se declara astfel

function nume_functie ()

Exemplul 1

<html>

<head>

<script language='javascript'>

function suma(n)

while (i<=n);

alert('Suma este: ' +suma);

</script>

</head>

<body>

<script language='javascript'>

var n;

n=prompt('Pentru cate numere calculati suma?');

rezultat=suma(n);

</script>

</body>

</html>

Functii care returneaza o valoare

In acest caz trebuie utilizata instructiunea return care permite obsinerea unei valori in urma executiei functiei. Exemplu:

<html>

<head>

<script language='javascript'>

function sum(n)

return suma;

</script>

</head>

<body>

<script language='javascript'>

var n;

var rezultat;

n=prompt('Pentru cate numere calculati suma?');

rezultat=sum(n);

alert('Suma este: '+rezultat);

</script>

</body>

</html>

Durata de viata a variabilelor in JavaScript

Variabilele declarate in cadrul unei functii JavaScript sunt variabile locale, adica ele pot fi accesate doar in cadrul functiei respective. Dupa executarea functiei ele sunt distruse. Drept urmare pot fi declarate variabile cu acelasi nume in functii diferite deoarece fiecare dintre ele este recunoscuta numai de functia in cadrul careia a fost declarata.

Variabilele declarate in afara functiilor pot fi accesate de catre toate functiile. Existenta acestora incepe in momentul declararii lor si se termina atunci cand pagina este inchisa.

Evenimente JavaScript

Evenimentele sunt actiuni care pot fi detectate de JavaScript. Fiecare element al unei pagini web are atasate evenimente care pot declansa functii JavaScript.

Exemple de evenimente:

  • Un click sau dublu click de mouse
  • Incarcarea unei pagini sau a unei imagini
  • Deplasarea mouse-ului deasupra unei zone reactive dintr-o pagina
  • Selectarea unei casete de validare dintr-un formular HTML
  • Transmiterea unui formular HTML
  • Apasarea unei taste

Politica de confidentialitate | Termeni si conditii de utilizare



DISTRIBUIE DOCUMENTUL

Comentarii


Vizualizari: 1147
Importanta: rank

Comenteaza documentul:

Te rugam sa te autentifici sau sa iti faci cont pentru a putea comenta

Creaza cont nou

Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved