duminică, 12 ianuarie 2014

Cum sa folosesti JavaScript intr-un fisier HTML

Fii sociabil. Voteaza si comenteaza!


Urmatorul snippet poate adauga un fisier .js extern :
<script src="scriptulMeu.js"></script>
JavaScript este un limbaj orientat obiect de scriptare simplu, interpretat si crossplatform. Scripturile acestui limbaj pot fi folosite intr-un navigator WEB pentru alterarea continutului unei pagini HTML, interactiunea cu utilizatorul, comunicare asincrona sau controlarea navigatorului.
Cateva actiuni ce se pot executa cu JavaScript sunt:
  • modificarea dinamica a paginilor WEB
  • afisarea unor mesaje in pagina HTML sau intr-un dialog separat
  • realizarea de calcule matematice
  • validarea de formulare
  • identificarea navigatorului WEB
Tagul <script> este folosit pentru introducerea de cod JavaScript intr-o pagina HTML.

Codul poate fi:
  1. intern: 
    • continutul scriptului se afla in pagina HTML
    • codul va fi scris intre <script> si </script>sau va fi atasat pe evenimentul unui obiect HTML
    • tagul <script> va fi introdus in <head> sau <body>
    • in general functiile JavaScript sunt grupate in tagul <head> sau la sfarsitul continutului tagului <body>
  2. extern:
    • continutul scriptului se afla intr-un fisier cu extensia .js
    • Exemplu: <script src="scriptulMeu.js"></script>
    • acesta se va comporta la fel ca si cum codul ar fi scris in interiorul paginii WEB

Codul poate fi executat:
  1. cand parsarea continutului ajunge la codul JavaScript. Exemplu: generare de continut dinamic
  2. ca reactie la anumite evenimente:
    • codul JavaScript trebuie atasat la evenimentele unui obiect HTML
    • Exemplu sintaxa: 
      • <button onClick="alert('Afiseaza JavaScript');">Executa JavaScript</button>
      • Codul genereaza un buton cu textul "Executa JavaScript". Pe evenimentul de click al butonului un dialog cu textul "Afiseaza JavaScript" va fi afisat.
Exemple:
1. Cod JavaScript inserat in interiorul tagului head 2. Cod JavaScript inserat in interiorul tagului body 3. Cod JavaScript in interiorul unui fisier extern Tagul script poate fi inserat in body sau head (la fel ca in exemplele unde codul se afla in fisierul HTML).

4. Cod JavaScript apelat cu ajutorul unui eveniment: Exemplul de mai sus contine o pagina HTML cu un button. La evenimentul de click pe acest buton s-a atasat functia scrieRand din fisierul extern scriptulMeu.js . De fiecare data cand se va apasa butonul, se va adauga un rand nou.