Curs Javascript

In aceasta lectie este continuata prezentarea si explicarea obiectelor esentiale JavaScript

1. Obiectul Date

Obiectul Date se foloseste pentru a lucra cu data zilei si timp.
Sunt doua lucruri importante pe care trebuie sa le cunoasteti inainte de a folosi acest obiect:

Pentru a crea o instanta a obiectului "Date" se foloseste operatorul new, ca in exemplu urmator: - Astfel se memoreaza data curenta intr-o variabila, aici cu numele "data".
Dupa ce a fost creata instanta, se pot folosi metodele obiectului.
De exemplu, daca se doreste afisat numarul zilei (care e de la 1 la 31) se scrie urmatoarea comanda (aici e folosita instanta cu numele "data"): Se pot crea si altfel obiecte Date, care pot afisa data si ora intr-un mod specificat: - Unde: Month=luna, dd=ziua (cu 2 caractere), y=anul (yy e afisat cu 2 caractere iar yyyy cu 4), h=ora, m=minute, s=secunde, milliseconds=milisecunde.
Astfel se pot crea variabile de data pt. fiecare obiect Date de mai sus, ca in exemplu urmator:
- Metodele obiectului Date:
Pentru a intelege mai bine obiectul Date si modul de lucru cu metodele lui, studiati si urmatorul exemplu:
<script type="text/javascript">
<!--
var d = new Date()
document.write("Afiseaza data curenta a zilei: <br /> ")
document.write(d.getDate())
document.write(".")
document.write(d.getMonth() + 1)
document.write(".")
document.write(d.getFullYear())
//-->
</script>
Adaugat intr-un document HTML, in sectiunea BODY, acest script va afisa:

2. Obiectul Math

Acest obiect include constante matematice si functii.
Nu este nevoie sa fie creat (instantat) un obiect Math inainte de a fi folosit.
Daca, de exemplu dorim sa obtinem un numar aleator intre 0 si 1, scriem comanda:


- Proprietatile obiectului Math (sunt o lista de constante matematice. Atentie! se scriu cu litera mare):
- Metodele obiectului Math:
Iata si un exemplu practic, urmatorul script rotunjeste o valoare (aici 8.35) la cel mai apropiat intreg:
<script type="text/javascript">
    document.write("8.35 rotunjit este: " + Math.round(8.35));
</script>
Dupa ce este adaugat intr-un document HTML, in sectiunea BODY, acest script va afisa:
8.35 rotunjit este: 8

Obiecte de tip Global

Obiectele de tip Global grupeaza proprietatile si metodele de nivel cel mai inalt, fara un obiect parinte, cum sunt functiile.
Obiectul Global are trei proprietati:

Metodele acestui obiect (care pot fi considerate si functii JavaScript) sunt: Pentru a intelege mai bine, studiati urmatorul exemplu. Aici este folosita de doua ori metoda "eval()", acesta transforma si interpreteaza argumentul primit in cod JavaScript.
<script type="text/javascript">
function calculeaza(form) {
  form.rezultat.value = eval(form.expresie.value);
}
eval("alert('Bine ati venit pe site!')");
</script>
<form>
  <p>Introduceti o expresie matematica (adunare, scadere, inmultire, impartire), de exemplu (7*8 sau 3+8/2): </p>
  <input type="text" name="expresie" size="35" >
  <input type="button" name="calc" value="Calculare" onclick="calculeaza(this.form)">
  <br>
  Rezultatul este:
  <input type="text" name="rezultat" size="18">
</form>
Acest cod afiseaza la inceput o fereastra Alert apoi in browser va fi afisat urmatorul rezultat:

Introduceti o expresie matematica (adunare, scadere, inmultire, impartire), de exemplu (7*8 sau 3+8/2):


Rezultatul este:
Dupa apasarea butonului "Calculare", prin "onclick" este accestata functia "calculeaza()". Scriptul JavaScript din HEAD, transfera in campul cu nmele "rezultat", din FORM, valoarea obtinuta prin evaluarea expresiei adaugate in campul "expresie", calcularea expresiei fiind posibila datorita folosirii metodei "eval()".

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce element HTML adauga continut flash SWF in pagina web?
<object> <div> <script>
<object type="application/x-shockwave-flash" data="file.swf" width="500" height="250">
 <param name="src" value="file.swf" />
 Browser-ul dv. nu suporta SWF.
</object>
Care pseudo-clasa CSS adauga un stil la un camp input de formular cand e cursorul in el?
:active :focus :hover
input:focus {
  background-color: #88fe88;
}
Clic pe instructiunea care transforma un sir JSON in obiect JavaScript.
JSON.stringify(javascript_object) object.toString() JSON.parse(json_string)
var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}';
var obj = JSON.parse(jsnstr);
alert(obj.url);
Indicati functia PHP care poate crea sau scrie un fisier pe server.
fopen() file_put_contents() file_get_contents()
if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat";
else echo "Fisierul nu poate fi creat";
Cum se spune "al treilea" in engleza?
threeth third three
I planted the third tree.
- Am plantat al treilea pom.
Cum se spune "al treilea" in spaniola?
segundo tres tercero
Yo planté el tercero árbol.
- Am plantat al treilea pom.
Obiecte JavaScript 2

Last accessed pages

  1. Pronumele in limba engleza - Pronouns (55017)
  2. Prezentul continuu - Exercitii si teste incepatori (39589)
  3. Curs HTML gratuit Tutoriale HTML5 (198034)
  4. Por si Para (4141)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (70698)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (256)
  2. Gramatica limbii engleze - Prezentare Generala (138)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (131)
  4. Coduri pt culori (120)
  5. Cursuri limba engleza gratuite si lectii online (101)