The browser object model: The window object

Obiectul window represinta fereastra actuala a browserului sau tabul curent.

Este cel mai de sus obiect in ierarhia browser object model si contine alte obiecte
ce fac referire la browser.
Selectie de proprietati pentru window object:
-window.innerHeight :da innaltimea in pixeli a ferestrei browserului
-window.innerWidth :da latimea in pixeli a ferestrei browserului
-window.pageXOffset :distanta cat a fost dat scroll in pagina orizontal in
pixeli.
-window.pageYOffset :distanta cat a fost dat scroll in pagina vertical in
pixeli.
-window.screenX :coordonata x a cursorului relativ cu coltul stanga sus al
ecranului
-window.screenY :coordonata y a cursorului relativ cu coltul stanga sus al
ecranului
-window.location :URL-ul curent al obiectului window
-window.document :reference to document object folosit pentru a
reprezenta pagina actuala
-window.history :reference to history object pentru fereastra browserului
care contine detalii despre pagina care a fost vazuta in acea fereastra
-window.history.length :numarul de iteme din obiectul history pentru
browser window or tab
-window.screen :reference to screen object
-window.screen.height :acceseaza obiectul screen si da valoarea
proprietatii height
-window.screen.width :acceseaza obiectul screen si da valoarea proprietatii
width
Selectie de metode pentru window object:
 -window.alert() :Creaza o boxa de dialog cu un mesaj. Userul trebuie sa
apese ok sa o inchida.
-window.open() :Deschide o noua fereastra de browser cu un URL specificat
ca parametru. Daca browserul are anti pop up,aceasta metoda e blocata.
-window.print() :Spune browserului ca userul vrea sa printeze contentul
pagini curente (functioneaza ca si cand userul a apasat pe optiunea de print din
interfata browserului)

The document object model:The document object

Obiectul document reprezinta pagina web incarcata in browserul web.
Selectie de proprietati pentru obiectul document:
-document.title = returneaza titlul documentului actual
-document.lastModified = returneaza data la care documentul a fost
modificat ultima oara
-document.URL = returneaza un string ce contine URL ul documentului
curent.
-document.domain = returneaza domeniul documentului curent.
Obiectul document este vital in accesarea si editarea continutului unei pagini
web.
Selectie de metode care selecteaza si updateaza continutul din pagina.
-document.write() =scrie text in document acolo unde este chemat scriptul.
-document.getlementById() = returneaza elementul care area id-ul identic
cu cel specificat.
-document.querySelectorAll() = returneaza o lista de elemente care au
acelasi selector css ca cel specificat.
-document.createElement() = creaza un elemen nou
-document.createTextNode() = creaza un text node (detalii mai tarziu)
Global objects:String object
Oricand avem un o valoare care este “string” putem folosi proprietatile si
metodele Sting Object pe acea valoare.Aceste proprietati si metode sunt folosite
de cele mai multe ori pentru a lucra cu text stocat in variabile.
Proprietati:
-.length- returneaza numarul de caractere din string.
Metode:
-toUpperCase()-schimba stringul in all caps
-toLowerCase()-schimba stringul in litere mici
-charAt()-ia un numar ca parametru si returneaza litera de pe pozitia
respectiva dins tring
-inderxOf()-returneaza indexul primei aparitii a unui caracter sau set de
caractere dintr-un string.
-lastIndexOf()-returneaza indexul ultimei aparitii a unui caracter sau set de
caractere.
-substring()-primeste ca parametrii doua numere si returneaza caracterele
din intervalul respectiv din string,incluzand caracterul din primul index dar nu si
cel de pe ultimul.
-split()-cand un caracter specificat e gasit in string,taie stringul in acel loc de
fiecare data cand il gaseste si stocheaza fiecare bucata intr-un array.
-trim()-scoate orice spatiu gol de la inceputul si sfarsitul unui string.
-replace()-primeste doua valori,prima fiind setul de caractere pe care sa il
gaseasca in string si a doua setul de caractere cu care sa il inlocuiasca.

Global objects:The number object

 Cand avem o valoare care este un numar,putem folosi proprietatile obiectului
Number pe acea valoare.
Metode:
-isNaN()-verifica daca numarul este un “not a number”
-toFixed()-primeste ca index un numar si pastreaza din numarul nostru doar
atatea zecimale cat valoarea indexului (returneaza string)
-toPrecision()-primeste ca index un numar si pastreaza din numarul nostru
doar atatea cifre cat valoarea indexului. (returneaza string)
-toExponential()-returneaza un string reprezentand numarul in
notatia exponentiala (la putere)

Global objects:Math object

Obiectul Math are proprietati si metode pentru constante matematice si functii.
Proprietati:
-Math.PI-returneaza valoarea lui PI cu 10 zecimale
Metode:
-Math.round()-rotunjeste numarul in mod normal (zecimala <5 rotun. La
numarul mai muc, >5 la numarul mai mare)
-Math.sqrt(n)-returneaza radical din n
-Math.ceil()-rotunjeste numarul (rotunjeste la numarul mai mare indiferent
de zecimala,cat timp zecimala >0)
-Math.floor()-rotunjeste numarul (rotunjeste la numarul mai mic indiferent
de zecimala)
-Math.random()-genereaza un numar random intre 0(inclusiv) si 1(not
inclusive)
Acest obiect are de asemeni si functi trigonometrice (sin() cos() tan() etc) care
returneaza unghiurile in radiani. Acestea pot fi transformate in grade impartind
radianii la pi/180.
Creating an instance of the date object
Pentru a lucra cu date avem nevoie de o instanta a obiectului Date.Putem
specifica timpul si data pe care vrem sa o reprezinte.
Pentru a crea un Date object folosim constructorul Date() si functioneaza la fel
ca orice alt constructor.By default,cand cream un obiect date acesta va primi ora si
data acutala.Daca vrem sa stocheze o alta data si ora trebuie sa specificam asta.
Exemplu: var today=new Date();
**Timpul si data sunt setate de ceasul calculatorului pe care se incarca pagina**
Acest constructor permite sa folosim metode pentru obiectul Date pe variabila in
care stocam acest obiect.
Putem seta ora si data folosind una din metodele:
-var dob=new Date(1996, 12, 26, 15, 45, 55);
-var dob=new Date(‘Dec 26, 1996 15:45:55’);
-var dob=new Date(1996, 12, 26);
**putem seta noi formatul cum il vrem**
Odata ce am creat obiectul Date putem folosi urmatoarele metode pentru a seta
si primi timpul si data pe care il reprezinta:
-getDate() / setDate() -Returneaza/seteaza ziua lunii. (1-31)
-getDay() – Returneaza ziua saptamanii (0-6 aka luni-duminica)
-getFullYear() / setFullYear() -Returneaza/seteaza anul (4 ciftre)
-getHours() / setHours() -Returneaza / seteaza ora (0-23)
-getMillisecond()s / setMilliseconds() – returneaza / seteaza milisecundele
(0-999)
-getSeconds() / setSeconds() -returneaza /seteaza secundele (0-59)
-getMinutes() / setMinutes() – returneaza/seteaza minutele (0-59)
-getMonth() / setMonth() – returneaza/seteaza luna (0-11 aka ianuarie-
decembrie)
 -getTime() / setTime() – returneaza / seteaza timpul ca si numarul de
milisecunde din 1 jan. 1970 pana azi. Numar negativ e orice data b4 that.
-getTimezoneOffset() – returneaza diferenta de fus orar in minute.
-toDateString()- returneaza data pe intelesul oamenilor (si nu al sistemului)
-toTimeString()- returneaza ora pe intelesul oamenilor.