INTERFETE 2 WEB
|
|
|
JavaScript este un limbaj de scripting care ofera posibilitatea paginilor web sa fie mai interactive. Scripturile sunt incluse in pagina HTML fiind interpretate de browser. Codul JS trebuie marcat astfel, daca se include scriptul in pagina HTML:
<script type="text/javascript"> Codul Javascript </script>
Sau, daca se foloseste un script retinut extern:
<html>
<head>
<title>Exemplu</title>
<script type="text/javascript" src=exemplu.js></script>
</head>
<body>
Continut
</body>
</html>
Exemplu:Afisare in browser a unui text
<html>
<head>
<title> exemplu </title>
</head>
<body>
<h1> Text HTML </h1>
<h1><script type="text/javascript">
document.write("Text JAVASCRIPT");
</script>
</h1>
</body>
</html>
Afisare in browser a unui text folosind fisier extern Javascript :
exemplu.js :
window.onload = scrieText;
function scrieText() {
document.getElementById("text1").innerHTML="Text JavaScript";
}
exemplu.html:
<html>
<head>
<title>exemplu</title>
<script type="text/javascript" src="exemplu.js"></script>
</head>
<body>
<h1> Text HTML </h1>
<h1 id="text1"> <!-- aplicare id pentru definire in JS --></h1>
</body>
</html>
Pentru a avertiza utilizatorii ca browserul lor nu suporta JavaScript se foloseste tag-ul <noscript>. Acesta este ignorat daca browserul suporta Javascript dar in situatia in care nu suporta sau nu-l are activat se poate afisa un mesaj de avertizare:
<noscript>
Browserul dumneavoastra nu suporta JavaScript.
Schimbati browserul sau activati Javascript.
</noscript>
Una dintre cele mai importante facilitati ale acestui limbaj este aceea ca ofera posibilitatea de a interactiona cu utilizatorii.
Pentru a crea o alerta care sa afiseze un mesaj la care utilizatorii trebuie sa raspunda, codul din fisierul JS este urmatorul (codul din fisierul html il pastram):
<html>
<head>
<title>exemplu3-1</title>
<script type="text/javascript" src="exemplu3-1.js"></script>
</head>
<body><h1> Text HTML </h1>
</body>
</html>
Continutul fisierului JavaScript este:
alert("Mesaj de intampinare - Bine ati venit!");
Un script JavaScript poate sa contina definitii de clase si de functii si apeluri ale functiilor definite sau ale functiilor pe care le ofera browserul. In Javascript verificarea tipului datelor sa face la rulare, la declararea unei variabile nespecificandu-se tipul acesteia. Exemplu: var x=1, y=2.
Sintaxa pentru crearea unei functii este: function NumeFunctie(var1,var2,...,varX){ cod }
Un exemplu poate fi:
<html>
<head>
<script type="text/javascript">
function ScrieText(){
alert("Text de PROBA");
}
</script>
</head>
<body>
<form>
<input type="button" value="Apasa" onclick="ScrieText()" >
</form>
</body>
</html>
Pentru declararea unei clase în JavaScript se foloseste acelasi cuvânt cheie function urmat
de numele clasei, de lista de parametri a constructorului si de un bloc ce contine codul cu initializarile atributelor si metodelor clasei. Una din metodele de implementare a mostenirii în Javascript o reprezinta apelarea constructorului superclasei în interiorul constructorului subclasei, ca în exemplul:
function superClass() {
this.bye = superBye;
this.hello = superHello;
}
function subClass() {
this.inheritFrom = superClass;// implementare mostenire
this.inheritFrom();//apel constructor supraclasa
this.bye = subBye;
}
function superHello() {
return "Hello from superClass";
}
function superBye() {
return "Bye from superClass";
}
function subBye() {
return "Bye from subClass";
}
Metodele de iterare în JavaScript sunt aproape identice cu cele din Java. Sintaxa pentru instructiunile for, while si do..while este identica cu cea din Java. În plus fata de Java, Javascript ofera instructiunea foreach ce itereaza pe proprietatile unui obiect spre deosebire de alte limbaje de programare (C#, PHP) unde foreach itereaza pe elementele unei colectii. Exemplu:
function printDatePersonale(pers){
var date
document.write("date personale pentru pers " + pers.nume + ":<br>");
for each (data in pers.date)
document.write(data + " ");
}
var student={
nume: "maria",
prenume: “ana”,
ci:{serie: “gz”, nr:112233}
};
document.write(pers.nume +"<br>" );
document.write(pers.prenume +"<br>");
printDatePersonale(pers)
Javascript este utilizat în special pentru modificarea modului de afisare sau a continutului unei pagini web. Dupa încarcarea paginii de pe server, codul JavaScript din pagina poate accesa si modifica structura documentului afisat. În acest scop este utilizat DOM, Document Object Model, un API standardizat de W3C pentru a manipula documente HTML sau XML valide. Se poate accesa dinamic si manipula arboreal DOM al paginilor web, prin modificarae proprietatilor si comportamentului fiecarui element al acestuia.
|
Copyright interfete 2 web 2008 |
