Informatica
Programare - Software - Web Design
|
Nou pe simpatie:
Isabela_9my la Simpatie.ro
 | Femeie
24 ani
Constanta
cauta Barbat
32 - 48 ani |
|
|
InformaticaInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
|
| #1 |
 AdminAdministrator
Postari: 315
|
|
Ce poate face JavaScript?
• Java script le da designer-ilor HTML o unealta de programare – in mod normal cei care lucreaza in HTML nu sunt programatori dar JavaScript este un limbaj simplu pentru scripturi cu o sintaxa foarte simpla. Aproape oricine poate introduce mici coduri in propria lui pagina
• JavaScript poate introduce text dinamic intr-o pagina HTML – o declaratie de felul: document.write("<h1>"+name+"</h1>" poate afisa un text oarecare (poate chiar variabil) intr-o pagina HTML
• JavaScript reactioneaza la evenimente – un Javascript poate poate fi setat sa se execute cand se intampla ceva, ca atunci cand o pagina se termina de incarcat sau cand un utilizator da clic pe un element HTML
• JavaScript poate afla si schimba continutul unui element HTML
• Javascript poate fi folosit pentru a valida datele din formulare inainte de a fi trimise catre servere. Asta face ca pagina sa nu mai fie inca o data reincarcata daca cumva e o eroare, totul verificandu-se local.
• JavaScript poate identifica tipul de browser pe care il are utilizatorul putand astfel incarca o pagina creata special pentru acel browser
• JavaScript creaza cookies care reprezinta modalitati de stocare a informatiilor personalizate pe calculatorul user-ului.
Un exemplu simplu pentru a scrie un text in pagina:
<html>
<body>
<script type="text/javascript">
document.write("Hello World!";
</script>
</body>
</html>
Sau cod HTML: ex un heading <h1>
<html>
<body>
<script type="text/javascript">
document.write("<h1>This is a header</h1>";
</script>
</body></html>
Pentru situatia cand anumite browser-e nu suporta JavaScript atunci se introduc in interiorul script-ului comentariile HTML <!-- ... -->. Altfel acel browser ar afisa ca si continut al paginii instructiunile JavaScript.
Exista totusi si alte modalitati de verificare a capacitatii browser-ului de a permite javascript cum ar fi redirectarea la un clic de mouse in cazul in care este activat javascript.
<html>
<body>
<script type="text/javascript">
<document>
cele doua // sunt la randul lor comentarii javascript care neutralizeaza sfarsitul de comentariu din HTML in cazul in care javaScript functioneaza.
</script>
</body>
</html>
Unde introducem JavaScript
JavaScript intr-o pagina (zona body) se va executa imediat ce pagina se incarca. Dar poate nu dorim totdeauna asta. Poate dorim ca un script sa se execute doar in anumite situatii, de exemplu cand un utilizator provoaca un eveniment (clic de mouse, tasta apasata etc..)
Script-urile din sectiunea head
Script-urile care se executa cand sunt apelate sau cand un eveniment are loc sunt plasate in sectiunea head. Cand un script e incarcat in head de fapt te asiguri ca acel script e incarcat inainte ca oricine sa il foloseasca. E ca un program incarcat in memorie, care ruleaza deja in background si asteapta sa faca ce i se spune.
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
Script-uri in zona body
Script-urile care se executa cand o pagina se incarca sunt plasate in sectiunea body. De obicei acestea sunt folosite la generarea continutului paginii.
<html>
<head>
</head>
<body>
<script type="text/javascript">
....
</script>
</body>
Bineinteles, daca doriti puteti plasa scripturi atat in head cat si in body.
Utilizarea unui JavaScript extern
Uneori doresti sa executi acelasi JavaScript pe pagini diferite fara a scrie acelasi script de fiecare data pe fiecare pagina.
Pentru a simplifica asta poti scrie un JavaScript intr-un fisier extern si il salvazi cu extensia .js
Atentie: Scriptul extern nu contine tag-ul <script>
Pentru a folosi script-ul extern se completeaza atributul src al tag-ului <script> cu denumirea fisierului sursa .js tot la fel cum se completeaza sursa src a unui tag <img>.
<html>
<head>
<script type="text/javascript" src="scripturi.js"></script>
</head>
<body>
</body>
</html>
JavaScript Blocks
Instructiunile (sau declaratiile JavaScript asa cum sunt denumite in limba engleza) pot fi grupate in blocuri de instructiuni. Pentru asta se folosesc acoladele si un bloc incepe cu { si se termina cu }. Scopul blocului este de a determina ca instructiunile sa se execute impreuna. Bineinteles ele nu se vor executa deodata, ci pe rand, dar se creaza o legatura intre ele. De fapt un astfel de bloc caruia i se asociaza un nume va fi denumit functie, dupa cum vom vedea mai tarziu.
Urmatorul exemplu va afisa un heading si doua paragrafe intr-o pagina web:
<script type="text/javascript">
{
document.write("<h1>This is a header</h1>";
document.write("<p>This is a paragraph</p>";
document.write("<p>This is another paragraph</p>";
}
</script>
Comentariile
Comentariile in JavaScript, ca de altfel in orice alt limbaj de programare si chiar HTML au ca scop introducerea de elemente informative in interiorul cod-ului astfel incat cel care citeste cod-ul fie ca este un user oarecare fie chiar cel care l-a creat sa inteleaga mai usor ce face acel cod.
Si mai este util la ceva: la depistarea erorilor. Pentru incepatori si nu numai poate fi folosit ca o modalitate de verificare a codului scris:
Exista tendinta ca in dezvoltarea unui script sa se scrie cat mai mult deodata fara sa fie verificat – vina programatorului. Totusi daca s-a grabit si nu vrea sa o ia de la inceput atunci va trebui sa elimine, cu ajutorul comentariilor, codul introdus de la ultima verificare atunci cand aplicatia mergea. Si, incercand sa introduca apoi cate o linie sau un bloc de instructiuni mutand capetele comentariului unul spre celalalt si verificand constant aplicatia, va depista la un moment dat locul unde apare eroarea. Sigur, aici vorbim de erori de sintaxa, erorile de programare sunt mai greu de depistat si pentru asta vom folosi debuging-ul la momentul potrivit.
<script type="text/javascript">
document.write("Hello"; // va afisa "Hello"
document.write("Dolly"; // va afisa "Dolly"
</script>
Va mai amintiti algebra de la scoala?
x=5, y=6, z=x+y
Va amintiti ca o litera (precum x) putea fi folosita pentru a tine o valoare (de ex 5) si apoi folosind operatia adunare + puteam obtine o noua valoare in z =11? Poate modul de utilizare difera putin. In cazul algebrei variabila x de pe hartie nu avea memorie, mai mult trebuia sa aflam noi valoare ei la finalul rezolvarii unei ecuatii sau a unui sistem de ecuatii. Daca variabila x de pe hartie ar fi avut memorie i-am fi dat sa tina minte valori asa cum vom face noi in JavaScript.
Aceste x-uri sau y-uri , z-uri
sau
min, max , i, j, a, num_pers au denumirea de Variabile fie ca sunt la algebra fie ca au memorie si sunt capabile de a stoca informatii. |
|
|
| |
|
