Scribd
Încărcați
223 vizualizări

Functii JavaScript Si Evenim Js

Documentul prezintă funcțiile JavaScript și evenimentele asociate acestora. Sunt explicate modul de definire a funcțiilor, parametrii, instrucțiunea return și cum pot fi apelate funcțiile în pagină prin evenimente precum onClick. De asemenea, sunt prezentate exemple de funcții fără și cu parametri care returnează sau nu valori, precum și o listă extinsă de evenimente JavaScript.

Încărcat de

tita_leo2
Drepturi de autor
© © All Rights Reserved
Formate disponibile
Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
223 vizualizări

Functii JavaScript Si Evenim Js

Documentul prezintă funcțiile JavaScript și evenimentele asociate acestora. Sunt explicate modul de definire a funcțiilor, parametrii, instrucțiunea return și cum pot fi apelate funcțiile în pagină prin evenimente precum onClick. De asemenea, sunt prezentate exemple de funcții fără și cu parametri care returnează sau nu valori, precum și o listă extinsă de evenimente JavaScript.

Încărcat de

tita_leo2
Drepturi de autor
© © All Rights Reserved
Formate disponibile
Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
Sunteți pe pagina 1/ 6

Functii JavaScript

Pentru a impiedica browser-ul sa execute scriptul inainte ca pagina sa fie incarcata


complet, putem scrie scripturile in interiorul unor functii.
O functie contine un bloc de cod care va fi executat doar atunci cand va avea loc un
eveniment la care este apelata acea functie.
Poti sa apelezi o functie de oriunde din pagina HTML (sau chiar din alte pagini daca
functia este definita intr-un fisier extern .js)
Functiile sunt definite la inceputul paginii, in interiorul blocului <head>.
Exemplu:
<html><head><script type="text/javascript">
function displaymessage()
{
alert("Hello World!")
}
</script></head>
<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" >
</form>
</body>
</html>

Daca linia alert("Hello world!!"), din exemplul de mai sus, nu ar fi fost scrisa intr-o
functie, ar fi fost executata imediat dupa incarcarea sa. Dar, prin aceasta, metoda scriptul nu este
executat pana ce utilizatorul nu apasa butonul. Am adaugat la buton evenimentul onClick care
apeleaza functia definita de noi atunci cand este apasat butonul.
Cum definim o functie?
Sintaxa pentru definirea unei functii este:
function functionname(var1,var2,...,varX)
{
some code
}
var1, var2, etc sunt variabile sau valori trimise functiei. Cele doua acolade { } definesc
inceputul si sfarsitul codului care reprezinta functia.
Obs: o functie fara parametri trebuie sa includa cele doua paranteze () dupa numele sau.
function functionname()
{
some code
}
Obs: nu uitati ca limbajul JavaScript este case senzitive. Numele functiei trebuie scris cu
litere mici, altfel browserul va da eroare. De asemenea, functia trebuie apelata exact cu acelasi
nume cu care a fost creata.
Instructiunea return
1

Aceasta instructiune este folosita pentru a specifica valoarea care este returnata dupa
executia functiei. Deci, functiile care vor returna o valoare trebuie sa contina instructiunea return.
Exemplu: Functia de mai jos trebuie sa returneze produsul a doua numere.
function prod(a,b)
{
x=a*b
return x
}

Cand apelezi functia trebuie sa ii dai doi parametri, astfel:


product=prod(2,3)
Valoarea returnata de functia prod() este 6, si va fi retinuta in variabila numita product.
Exemplu:
<html>
<head>
<script type="text/javascript">
function myfunction()
{
alert("HELLO")
}
</script>
</head>
<body>
<form>
<input type="button"
onclick="myfunction()"
value="Call function">
</form>
<p>By pressing the button, a function will be called. The function will alert a message.</p>
</body>
</html>

Exemplu de functie cu un argument:


<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
onclick="myfunction('Hello')"
value="Call function">

</form>
<p>By pressing the button, a function with an argument will be called. The function will
alert
this argument.</p>
</body>
</html>

Exemplu de functie cu doua argumente:


<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
onclick="myfunction('Good Morning!')"
value="In the Morning">
<input type="button"
onclick="myfunction('Good Evening!')"
value="In the Evening">
</form>
<p>
When you click on one of the buttons, a function will be called. The function will alert
the argument that is passed to it.
</p>
</body>
</html>

Exemplu de functie care returneaza o valoare:


<html>
<head>
<script type="text/javascript">
function myFunction()
{
return ("Hello, have a nice day!")
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(myFunction())
</script>

<p>The script in the body section calls a function.</p>


<p>The function returns a text.</p>
</body>
</html>

Exemplu de functie cu argument care returneaza o valoare:


<html>
<head>
<script type="text/javascript">
function product(a,b)
{
return a*b
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(product(4,3))
</script>
<p>The script in the body section calls a function with two parameters (4 and 3).</p>
<p>The function will return the product of these two parameters.</p>
</body>
</html>

Evenimente si functii JavaScript


8.1.1. Evenimente JavaScript
Folosind limbajul JavaScript avem posibilitatea de a crea pagini Web dinamice.
Fiecare element de pe o pagina web are cateva elemente care pot folosii functii
JavaScript. De exemplu putem folosi evenimentul onClick a unui element de tip buton pentru a
indica faptul ca se executa o functie anume atunci cand utilizatorul apasa pe buton. Definim
evenimentele in tagurile HTML.
Exemple de evenimete:
- Un click de mouse.
- Incarcarea paginii sau a unei imagini.
- Traversarea cu mouse-ul a unei zone fierbinti a paginii.
- Selectarea unei zone imput dintr-un formular HTML.
- Apasarea butonului submitt a unui formular HTML.
- Actionarea unei taste.
- Completarea unui camp de editare dintr-un formular.
Voi descrie mai jos unele dintre evenimentele suportate de JavaScript.
Obs: Evenimentele sunt folosite de obicei in combinatie cu functii, functii care nu se
executa pana nu are loc evenimentul specificat.
4

Evenimentele JavaScript
n continuare este prezentat o list cu evenimentele care pot fi folosite n programarea
JavaScript:
onClick - Se execut la apsarea unui click pe un obiect.(document, link, buton, checkbox, buton
radio, buton reset sau submit)
onDblClick - Execut aciunea la efectuarea a dou clickuri unul dup altul
onMouseOver - Acioneaz cnd se poziioneaz mouse-ul deasupra unui link sau unei imagini
onMouseOut - Acioneaz cnd se mut mouse-ul de pe un hiperlink sau o imagine
onMouseMove - Acioneaz cnd se mic mouse-ul
onMouseDown - Acioneaz cnd inem apsat unul din butoanele mouse-ului, pe un document,
buton sau link
onMouseUp - Aciunea se execut atunci cnd este eliberat degetul de pe unul din butoanele
mouse-ului
onFocus - Aciunea apare cnd este activat un obiect cmp: caseta password, cmp text, bloc de
text, cmp FileUpload dintr-un formular HTML.
onChange - Aciunea apare cnd se modific coninutul unui cmp dintr-un formular HTML (o
parol, text, bloc de text, sau FileUpload) i cnd acesta pierde focalizarea
onBlur - Este inversul lui "onFocus()", este declanat atunci cnd un obiect nu mai este activ,
prin trecerea la o alt resurs
onLoad - Acioneaz cnd browserul a terminat de ncrcat un document, imagine sau toate
Frame-urile dintr-un <FRAMESET>
onUnload - Aciunea apare cnd se iese dintr-un document i se ncarc un altul.
onKeydown - Aciunea apare cnd se apas o tast
onKeyUp - Aciunea apare dup ce am terminat de apsat pe o tast
onKeyPress - Apare la apsarea unei taste (precede "KeyDown")
onSubmit - Aciunea apare la naintarea (trimiterea) unui formular
onReset - Aciunea apare la reiniializarea unui formular
onSelect - Aciunea apare cnd utilizatorul selecteaz text dintr-un obiect Text sau Textarea.
onAbort - Aciunea se execut n momentul n care se renun la ncrcarea unei imagini,
ferestre
onError - Aciunea apare cnd aciunea de ncrcare a unei imagini sau document eueaz.
onMove - Aciunea se declaneaz cnd se comand deplasarea ferestrei sau cadrului
onResize - Aciunea se declaneaz atunci cnd se comand redimensionarea ferestrei sau
cadrului
n continuare sunt prezentate obiectele mpreun cu evenimentele pe care le pot folosi:
Evenimente ale ferestrelor:
- onload
- onunloavd - onresize: (n Netscape)
- onmove
- onabort
- onerror
- onfocus
5

- onblur
Evenimente de mouse:
- onmousedown
- onmouseup
- onmousemove
- onmouseover
- onmouseout
- ondblclick
- onclick
Evenimente ale formularelor i elementelor acestora:
- onsubmit
- onreset
- onchange
- onselect
- onclick
- onblur
- onfocus
Evenimente ale tastelor
- onkeydown
- onkeyup
- onkeypress

Exemple de scripturi JavaScript care folosesc evenimente:

http://www.marplo.net/javascript/scripts.html - categoria Diverse

S-ar putea să vă placă și