Scrierea si executia programelor JavaScript
Scripturile JavaScript sunt integrate īntr-un document HTML īntre etichetele <script> si </script>. Intr-un document pot exista mai multe perechi de etichete <script> si </script>, si fiecare p 757i86h oate īncadra mai multe seturi de instructiuni. Atributul type sau language este folosit pentru a specifica limbajul īn care este scris scriptul, iar atributul src pentru a specifica numele fisierelor JavaScript externe. Pe platformele Microsoft, o alta alternativa pentru inserarea scripturilor-urilor este type sau language="VBScript". Daca codul JavaScript este scris direct īn documentul HTML, acestea sunt scripturi in-line. In multe cazuri se prefera īnsa gruparea codului JavaScript īntr-un fisier separat (cu extensia .js), care trebuie referit prin intermediul etichetei src.
Un exemplu simplu de script este urmatorul:
<html><body>
<h1>Primul program JavaScript</h1>
<script type="text/JavaScript">
document.write("<p><b>Hello World!</b>");
document.write("<p>" + document.lastModified);
</script>
</body></html>
Acest script afiseaza "Hello World!" si afiseaza data la care pagina a fost creata.
Documentul īncepe si se termina cu etichete normale HTML. Etichetele HTML <script> si </script> sunt folosite pentru a introduce instructiuni JavaScript īn documentul web. Cele doua linii de cod JavaScript folosesc metoda write a obiectului document (document.write()) pentru a afisa īn mod dinamic text īn documentul HTML. Īn prima declaratie sirul "<p><b>Hello World!</b>" defineste textul ce va fi scris īn pagina web. Īn a doua declaratie sirul "<p>"este concatenat (+) cu o variabila predefinita document.lastModified. Impreuna, ele īncep un nou paragraf si afiseaza data si ora cānd pagina a fost creata.
Cānd aceasta pagina este īncarcata īntr-un browser mai nou, JavaScript-ul este interpretat si īnlocuit cu rezultatul declaratiei document.write(). Daca se vizualizeaza sursa folosind NetscapeTM Communicator, se observa ca JavaScript a executat si īnlocuit rezultatele. Alte browser-e ca si Microsoft's Internet Explorer afiseaza codul original JavaScript prin functiile sale de vizualizare a sursei.
In general, daca se doreste generarea unui text pentru o pagina web folosind JavaScript, acesta se poate genera (vezi exemplul) sau cel putin apela, īn interiorul sectiunii <body>. Un exemplu īn acest sens este urmatorul:
<html><body>
<h1>Tabel factoriale</h1>
<script language="JavaScript">
//<!-ascunde codul pentru browsere mai vechi
var fact = 1;
for (i=2; i<11; i++)
// sfirsit -->
</script>
</body></html>
Etichetele <html> , <body> si <h1> au īntelesul lor normal. Codul JavaScript din acest exemplu defineste un ciclu cu 9 iteratii unde variabila fact ia valori de la 1 la 9. Primul apel la document.write() afiseaza rezultatele factorialului. Al doilea apel la document.write() pune o eticheta <br> la iesire, cerānd astfel o linie goala īn afisarea browser-ului, dupa care afisarea continua īntr-o maniera iterativa pīna la terminarea celor 9 iteratii.
De remarcat faptul ca JavaScript este īncadrat īntr-un comentariu HTML ce īncepe cu <!-- si se termina cu -->. Īn acest fel, un browserele web care nu suporta JavaScript vor trata codul ca si un comentariu HTML, ignorīndu-l.
Este preferabil ca functiile si alte elemente JavaScript care ar trebui sa fie aplicabile īntregii pagini, sa fie continute īn sectiunea <head> a documentului. Plasarea etichetei <script> īn sectiunea <head> a unui document asigura evaluarea, si daca este cazul executarea, tuturor instructiunilor īnainte ca utilizatorul sa interactioneze cu documentul; astfel se previne situatia īn care interactiunea apare īnainte ca scriptul sa fie complet executat.
<html>
<head>
<title>Pagina cu buton</title>
<script language="JavaScript">
function pushbutton()
</script>
</head>
<body>
<form>
<input type="submit" name="Butonul meu" value="push"
onclick="pushbutton()">
</form>
</body></html>
In general, executarea unui script īncepe īn momente diferite, īn functie de felul īn care este scris. Daca scriptul afecteaza continutul de pagina, de exemplu contine metoda document.write(), este executat pe masura ce este īntīlnit. Exista de asemenea un handler de eveniment, onLoad, īn cazul caruia scriptul este executat numai dupa ce tot documentul HTML a fost īncarcat īn browser.
Daca scripturile (de obicei sub forma de functii) JavaScript sunt īntr-un fisier separat, ele sunt de asemenea evaluate cīnd se īncarca pagina, īnainte sa aiba loc vreo actiune. Toate actiunile din blocul unei functii JavaScript sunt interpretate, dar functia nu este executata decīt atunci cīnd este apelata printr-un eveniment HTML sau dintr-un alt script:
<html><head>
<script language="JavaScript">
function showDate()
</script>
</head><body>
<h2>Afiseaza data in JavaScript</h2>
<form>
<input type="button" value="Afiseaza data"onClick="showDate();">
</form>
</body></html>
Codul din <head> defineste functia showDate(). Aceasta functie scrie doar un paragraf cu obiectul Date. Dupa īncarcare, functia JavaScript este evaluata (verificata de erori) si stocata pentru o executie ulterioara. Īn <body>, functia este apelata de evenimentul onClick. Cānd utilizatorul face click pe butonul "Show the Date", evenimentul onClick declanseaza executia functiei showDate(). Aceasta functie afiseaza un mesaj īn care tipareste paragraful de iesire. O functie odata definita īn sectiunea <head>, poate fi apelata din nou folosind diferite evenimente. Nu ar fi fost nici o problema daca functia nu ar fi fost apelata niciodata īn cadrul sectiunii <body>; functia ar putea fi apelata eventual de o alta functie JavaScript, care eventual este apelata din sectiunea body.
|
