Laborator 3

Obiecte predefinite în JavaScript
1. Obiectul navigator
Acest obiect permite regăsirea informațiilor despre browser-ul utilizat. Între metodele și
proprietățile lui apar:
 appName - numele browser-ului (valoarea returnată depinde de tipul browser-ului)

 appVersion - versiunea browser-ului; rezultatul returnat este un șir de caractere
 language - limba browser-ului
 platform - platforma pe care rulează browser-ul
<script>
document.write("Nume browser: " + navigator.appName + "<br>");
document.write("Versiune browser: " + navigator.appVersion +"<br>");
document.write("Platforma: " + navigator.platform +"<br>");
document.write("Limba: " + navigator.language +"<br>");
</script>
Exercițiul 7: Scrieți o aplicație care să determine limba utilizată de browser-ului folosit pe calculatorul
vostru. Dacă limba este română, afișați un mesaj de salut în limba română. Dacă limba este engleză,
afișați un mesaj de salut în limba engleză. Salvați aplicația cu NumePrenumeEx7.html.
1
2. Obiectul window
Un obiect window este creat atunci când se deschide o nouă fereastră de browser. Între metodele și
proprietățile lui există:
 alert(text) - afișează o fereastră de dialog, cu textul transmis ca parametru; fereastra are butonul
OK pentru închidere.
<script>
s="salut!";
alert(s);
</script>
 close() - închide o fereastră

 confirm(text) - afișează o fereastră de dialog, cu textul transmis ca parametru; fereastra are
butoanele OK și Cancel; OK returnează true, Cancel returnează false
<script>
s="Vreti sa aflati cat fac 3+5?";
raspuns=confirm(s);
if(raspuns==true)document.write(8);
else
document.write("Nu ai vrut!");
</script>

 open(URL, nume, [,atribute]) - deschide o nouă fereastră de browser;
- primul parametru al metodei este adresa URL a paginii încărcate în fereastra nouă; dacă se
transmite un șir vid ca parametru, browser-ul va deschide o fereastră goală, în care se poate crea în mod
dinamic o pagină Web prin folosirea metodei document.write();
- al doilea parametru indică numele ferestrei noi;
- al treilea parametru este o listă de atribute de afișare; ele pot specifica aspectul ferestrei
(width=lățime în pixeli, height=înălțimea în pixeli, toolbar=arată/ascunde bara de instrumente a
browser-ului, menubar=arată/ascunde bara de meniuri a browserului, scrollbars=arată/ascunde barele
de derulare, resizable=permite/interzice redimensionarea ferestrei browser, left=distanța în pixeli față
de marginea stângă a ecranului, top=distanța în pixeli față de marginea de sus a ecranului); 1 sau yes
indică o valoare booleană true, 0, no sau lipsa atributului indică o valoare booleană false;
<html>
<script>
window.open("formular.html", "fereastraNoua",
"width=200, height=200, top=100, left=200");
</script>
Lista de exercitii:
<br>
Ex 1: <a href="1.html" target="fereastraNoua">Suma a doua numere</a>
<br>
Ex 2: <a href="2.html" target="fereastraNoua">Produsul a doua numere</a>
</html>
2
<form>
<br> Numele:
<input type="text" size=20>
<br> Varsta:
<input type="text" size=20>
Daca ai completat,
<input type="button"
value="Inchide fereasta"
onClick="window.close();">
</form>
 prompt(text1, text2) - deschide o fereastră de dialog, care afișează text1 și conține un câmp
pentru introducere de text, completat inițial cu text2; are butoanele OK și Cancel; dacă se execută click
pe OK metoda va întoarce șirul introdus de utilizator, în caz contrar se întoarce null; dacă nu există un
text prestabilit, text2 va fi un șir vid;
<script>
s=prompt("text1:", "");
if (s!=null) document.write(s);
else
document.write("Nimic introdus");
</script>

Exercițiul 8: Scrieți o aplicație care să permită alegerea culorii de fundal și a culorii textului pentru o
pagină web, prin citiri realizate cu ajutorul metodei prompt. Operațiile de citire vor fi urmate apoi de
deschiderea unei ferestre noi, în care va fi creată în mod dinamic (document.write) o pagină în culorile
stabilite prin citire. Fereastra are dimensiunile 200x200 și nu conține bara de instrumente a browserului.
În pagina nouă va fi afișat un text la alegere. Salvați aplicația cu NumePrenumeEx8.html.
3
3. Obiectul document
Obiectul document este folosit în crearea paginilor Web dinamice. Între metodele și proprietățile
lui există:
 write(expresie) - scrie o expresie JavaScript într-un document; expresiile pot conține și etichete
HTML
 writeln(expresie) - scrie o expresie JavaScript într-un document și trece la linie nouă
 alinkColor - culoarea link-ului activ; culorile sunt exprimate fie ca un șir de caractere, fie în
hexazecimal
 bgColor - culoarea de fundal a documentului
 fgColor - culoarea textului documentului
 linkColor - culoarea legăturilor nevizitate document.linkColor="chartreuse" sau
document.linkColor="#7fff00"
 vlinkColor - culoarea legăturilor vizitate
<body>
<script>
document.linkColor="chartreuse";
document.vlinkColor="#123456";
document.alinkColor="magenta";
</script>
<br><a href="1.html"> Lectia 1 </a>

</body>
Exercițiul 9: Scrieți o aplicație care să permită alegerea în mod dinamic a culorii de fundal și a culorii
linkurilor vizitate/nevizitate existente într-o pagină web. Salvați aplicația cu NumePrenumeEx9.html.
4
<input type="color"
name="cul"
value="#123456"
onChange="document.linkColor=cul.value;">
4. Obiectul history
Un obiect history are capacitatea de a urmări locațiile vizitate într-o sesiune de lucru. Conține
metodele și proprietățile:
 back() - încarcă documentul anterior din lista istoric; echivalentă cu un clic pe butonul Back din
meniul cu butoanele funcționale ale browser-ului;
 forward() - încarcă următorul document din lista istoric;
 go(val) - încarcă o adresă URL din lista istoric; val poate fi un număr pozitiv sau negativ și el
specifică numărul de poziții peste care se sare în lista istoric; dacă val=0 se va reîncărca pagina
curentă;
 length - numărul de elemente din lista istoric;
<html>
<head>
<script>
function inapoi()
{
if (window.history.length==1)
alert("Ati deschis doar pagina curenta");
else window.history.back();
}
function inainte()
{
if (window.history.length==1)
alert("Ati deschis doar pagina curenta");
else window.history.forward();
}
function re()
{
alert('Pagina curenta');
window.history.go(0);
}
</script>
</head>
<body>
<a href="ex1.html">Introducere in JavaScript</a> <br>
<a href="ex2.html">Tipuri de date</a> <br>
<a href="ex3.html">Instructiuni</a> <br>
5
<form>
<input type="button" value="Inapoi" onClick="inapoi()">
<input type="button" value="Inainte" onClick="inainte()">
<input type="button" value="Reincarca" onClick="re()">
</form>
<br>
<script>
document.write("Numar pagini in istoric="+window.history.length);
</script>
</body>
</html>
Exercițiul 10: Scrieți o aplicație în care să utilizați, la alegere, minim 3 dintre funcționalitățile oferite de
obiectul history. Salvați aplicația cu NumePrenumeEx10.html.
5. Obiectul Date
Permite lucrul cu date calendaristice și ore. Ora detectată de obiectul Date este bazată pe ora
sistem a calculatorului pe care este rulată aplicația. Zilele săptămânii sunt numerotate de la 0 la 6.
Lunile anului se numără de la 0 la 11. Funcții incluse în obiectul Date:
- getDate() - întoarce data din lună (între 1 și 31)
- getDay() - întoarce ziua din săptămână (între 0 și 6)
- getFullYear() - întoarce anul, reprezentat pe 4 cifre
- getHours() - întoarce ora din zi (între 0 și 23)
- getMinutes() - întoarce minutele din oră (între 0 și 59)
- getSeconds() - întoarce secundele din minut (între 0 și 59)
- getMonth() - întoarce luna din an (între 0 și 11)

Crearea unui obiect Date se poate face în forma d=new Date([parametri]);
azi=new Date(); - creează un obiect cu data și ora curentă
<script>
azi=new Date();
alert(azi.getMonth());
6
</script>
d=new Date("January 21 2022"); - creează un obiect cu data specificată în șirul de caractere
<script>
d=new Date("January 21 2022");
alert(d.getDay());
</script>
d1=new Date(2022, 1, 10); - creează un obiect dată cu anul 2022, luna februarie, ziua 10
<script>
d1=new Date(2022, 1, 10);
alert(d1);
</script>
<script>
function nLuna()
{
numeLuna=["Ianuarie", "Februarie", "Martie", "Aprilie", "Mai", "Iunie",
"Iulie", "August", "Septembrie", "Octombrie", "Noiembrie",
"Decembrie"];
data1=new Date();
return numeLuna[data1.getMonth()]; //returnează numele lunii curente
}
function nZi()
{
numeZi=["Duminică", "Luni", "Marți", "Miercuri", "Joi",
"Vineri", "Sâmbătă"];
data2=new Date();
return numeZi[data2.getDay()]; //returnează numele zilei curente
}
azi=new Date();
document.write("Astăzi este "+ nZi()+ " (ziua ", azi.getDay()+ " din
săptămână), ");
document.write(azi.getDate()+" "+ nLuna() + " (luna "+ (azi.getMonth()+1)+")

din anul " + azi.getFullYear()+"<br>");
document.write("Este ora "+ azi.getHours()+ ":" + azi.getMinutes()+ ":" +

azi.getSeconds());
</script>

Exercițiul 11: Scrieți o aplicație care determină ora curentă și afișează un mesaj de salut în funcție de ea
(Buna dimineata, Buna ziua, Buna seara). Salvați aplicația cu NumePrenumeEx11.html.
Exercițiul 12: Scrieți o aplicație care determină în ce zi din săptămână v-ați născut. Salvați aplicația cu
NumePrenumeEx12.html.
7
<form name="formular">
Ziua: <input type="text" size=4 name="zi">
<P> Luna: <input type="text" size=4 name="luna"> (un număr între 0 și 11)
<P> An: <input type="text" size=4 name="an">
<P> <input type="button" value="Calculeaza" onClick="calculeaza()">
<P> A fost <input type="text" size=10 name="rez">
</form>

Laborator 3

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Laborator 3

Încărcat de

Drepturi de autor:

Formate disponibile

Obiecte predefinite în JavaScript

 close() - închide o fereastră

<br><a href="1.html"> Lectia 1 </a>

document.write(azi.getDate()+" "+ nLuna() + " (luna "+ (azi.getMonth()+1)+")

document.write("Este ora "+ azi.getHours()+ ":" + azi.getMinutes()+ ":" +

S-ar putea să vă placă și