Index

JavaScript

JavaScript este un limbaj de  programare care face posibil ca paginile web sa fie mai interactive. Este mai  des recunoscut ca facand parte din categoria "Scripting Languages".  A fost lansat sub numele de  "LiveScript", schimbarea numelui in JavaScript fiind legata de  strategia de marketing.
Scripturile  Javascript sunt introduse in pagina HTML si sunt interpretate si executate de browser. Javascript poate fi considerat o unealta foarte buna daca doriti sa controlati continutul paginilor in functie de data, ora, sistemul de operare sau browserul utilizatorilor, sa faceti site-uri interactive, care sa comunice cu vizitatorii, site-uri dinamice, sa validati datele primite din formulare, dar nu numai atat, acestea fiind doar cateva din posibilitatile pe care le ofera acest limbaj. 



Dupa cum am spus mai sus,  javascript poate fi introdus in interiorul paginilor html. Pentru a fi  interpretat de catre browser trebuie sa marcam codul astfel:

       

<script type="text/javascript">

Codul javascript

</script>

O alta metoda pentru a folosi  scripturile javascript, metoda pe care o recomand si o consider mai practica,  este aceea de utilizare a scripturilor externe. Cei care folosesc CSS sunt  obisnuiti cu folosirea  stylesheet-urilor  externe. Este aproximativ acelasi lucru: se adreseaza fisierul extern in  interiorul etichetei <HEAD> a fisierului html. Acest lucru semnifica incarcarea scriptului in documentul HTML.

Iata cum adresam un fisier JS  extern (fisierul extern este exemplu.js):

       

<html>
<head>
<title>
Exemplu
</title>
<script type="text/javascript" src="exemplu.js">
</script>
</head>
<body>

Continut

</body>
</html>


In continuare vom incerca sa  afisam in browser un text folosind javascript.

Exemplul 1

       

<html>
<head>
<title> exemplu  </title>
</head>
<body>

<h1> Text HTML </h1>
<h1> <script type="text/javascript"> 
document.write("Text JAVASCRIPT");
</script>
</h1>
</body>
</html>

Exemplu

Explicatii suplimentare:
document.write("text Javascript");

document este un obiect, iar write() este o metodă.

Un obiect poate contine mai multe obiecte care pot fi considerate proprietati ale acestuia. Spre exemplu document contine alte obiecte, de  exemplu title. In javascript acest obiect se identifica cu:document.title.  Alt exemplu ar fi obiectul submit care este intr-un formular din  pagina. Acesta ar fi adresat document.form.submit.
Iata cateva exemple de obiecte HTML si corespondentele in JavaScript:

Obiectul Tag-ul HTML Coresp. JavaScript
Pagina Web <body> .... </body> document
Formular HTML

<form name="formular">

... </form>

document.formular
Buton

<INPUT TYPE="button" name="buton">

document.formular.buton
Imagine <IMG name="imagine"> document.imagine

 

write() este o metoda. O metoda ne face sa ne gandim la actiune. Aceasta are  efect asupra obiectelor. Metodele au tot timpul paranteze rotunde ( ). Vom prezenta metode si obiecte si atuci o sa  le intelegeti mai bine rolul.


Exemplul 2

S-a folosim si un fisier extern  (exemplu2.js)
Creati un fisier HTML are codul de mai jos:

       

<html>
<head>
<title>exemplu2</title>
<script type="text/javascript"  src="exemplu2.js">
</script>
</head>
<body>

<h1> Text HTML </h1>
<h1 id="text1"> <!-- aplicam un id pe care-l vom folosi in javascript -->
</h1>

</body>
</html>

Exemplu

Am adresat fisierul extern javascript in zona <HEAD> a documentului HTML si am atribuit elementului <h1> id-ul "text1". Un ID javascript functioneaza ca un ID in CSS: poate fi folosit o singura data intr-o pagina. Salvati codul de mai jos intr-un fisier cu denumirea exemplu2.js :

       

window.onload = scrieText;

function scrieText() {
document.getElementById("text1").innerHTML = "Text JavaScript generat cu ajutorul unui fisier extern";
}

Ce face acest script:

- dupa ce se termina de incarcat pagina, se executa functia "scrieText" (window.onload = scrieText;)

pasul urmator este implementarea functie scrieText(). Acest lucru se realizeaza intre acolade ({ }).Aceasta functie cauta ID-ul "text1" in documentul HTML si inlocuieste continutul tagului respectiv, cu textul pe care l-am introdus intre ghilimele.