Obiekt to konstrukcja programistyczna mająca swoje cechy charakterystyczne (właściwości), które mogą być zmiennymi lub innymi obiektami. Dodatkowo obiekt ma możliwość wykonywania różnych funkcji, które nazywamy metodami. Obiekt definiujemy tworząc specjalną funkcję zwaną konstruktorem, a następnie tworzymy obiekt stosując operator new.
Na początku zajmiemy się wbudowanymi obiektami.
Obiekt window – reprezentuje okno przeglądarki i stoi na szczycie w hierarchii obiektów. Jest to obiekt domyślny, co oznacza, że większości jego metod i właściwości można odwoływać się bezpośrednio pomijając jego nazwę.
Najpopularniejsze właściwości i metody obiektu window
Właściwość |
Opis |
frames[] |
Tablica ramek potomnych w oknie |
frames.length |
Liczba zdefiniowanych ramek |
self |
Bieżące okno |
parent |
Okno rodzicielskie ramki potomnej w zestawie zdefiniowanym znacznikiem <frameset> |
top |
Okno najwyższego rzędu, które jest rodzicem wszystkich widocznych ramek |
status |
Komunikat pojawiający się w pasku stanu okna przeglądarki |
defaultStatus |
Komunikat pojawiający się w pasku okna przeglądarki standardowo, kiedy oczekuje ona na wprowadzenie jakiś danych przaez użytkownika |
name |
Wewnętrzny identyfikator okna otwartego metodą window.open() (może być niezdefiniowany) |
Metoda |
Opis |
alert('komunikat') |
Wyświetla okno dialogowe |
cnfirm('komunikat') |
wyświetla okno decyzyjne |
prompt('komunikat','domyslna_wartosc') |
Wyświetla okno do wpisania wartości |
open('url','nazwa') |
Otwiera na ekranie nowe okno, nadaje mu wewnętrzny identyfikator nazwa i ściąga do niego dokument wskazany lokalizatorem url. |
close() |
Zamyka okno z dokumentem |
Obiekt location posiada informacje dotyczące aktualnego adresu URL dokumentu oraz metody pozwalające na operowanie tym adresem.
Najpopularniejsze metody i właściwości obiektu location.
Właściwość |
Opis |
href |
Łańcuch zawierający cały adres URL dokumentu |
protocol |
Łańcuch zawierający początek adresu URL wraz z pierwszym dwukropkiem |
host |
łańcuch zawierający nazwę serwera, nazwę domeny |
hostname |
Pełna nazwa serwera łącznie z numerem portu |
port |
Określa port komunikacyjny serwera |
pathmane |
Zawiera część adresu URL |
hash |
Łańcuch rozpoczynający się od znaku #, który określa nazwę zakotwiczenia w dokumencie |
search |
Łańcuch rozpoczynający się znakiem ?, który określa zapytanie w adresie URL |
Metoda |
Opis |
assign(url) |
Wczytuje dokument o adresie wskazanym przez argument url |
reload(force) |
Wymusza ponowne wczytanie bieżącej strony |
replace(url) |
Zastępuje bieżący dokument przez wczytany spod adresu wskazanego przez url |
Obiekt document wykorzystuje dostępne metody i właściwości do modyfikacji dokumentu HTML aktualnie wczytanego przez przeglądarkę.
Najpopularniejsze metody i własności obiektu document.
Własność |
Opis |
title |
Łańcuch określający tytuł dokumentu. Jeśli tytuł nie został zdefiniowany jego wartość to null |
location |
Łańcuch zawierający pełny adres URL aktualnie otwartego dokumentu |
lastModified |
Łańcuch zawierający datę ostatniej modyfikacji dokumentu, Jest on formatu Date |
referrer |
Zawiera adres URL, spod którego wywołany został bieżący dokument |
bgcolor |
Określa tło dokumentu |
fgcolor |
Określa kolor tekstu |
linkcolor |
Określa kolor odsyłaczy (linków) |
vlinkcolor |
Określa kolor odsyłaczy odwiedzonych |
alinkcolor |
Określa kolor odsyłaczy aktywnych (po najechaniu kursorem myszy |
forms[] |
Tablica zawierająca pozycję każdego formularza |
form.length |
Przechowuje dane o liczbie formularzy w dokumencie |
links[] |
Tablica zawierająca pozycję każdego obiektu area i link |
links.length |
Przechowuje dane o liczbie odsyłaczy (obiektów link i area) w dokumencie |
anchors[] |
Tablica zawierająca pozycję każdego zakotwiczenia |
anchors.length |
Przechowuje wartość liczby zakotwiczeń w dokumencie |
Metody |
Opis |
write('Tekst do wypisania') |
Wypisuje wyrażenie HTML w dokumencie w bieżącym oknie |
clear() |
Czyści zawartość bieżącego okna |
close() |
Zamyka bieżące okno |
Obiekt string stanowi każdy ciąg znaków ujęty w znakach cudzysłowu lub apostrofu.
Najpopularniejsze własności i metody obiektu string
Własność |
Opis |
length |
Zwraca wartość liczbową ilość znaków w łańcuchu |
Metoda |
Opis |
big() |
Zwiększa rozmiar czcionki – odpowiednik <big> |
blink() |
Tekst migający – odpowiednik <blink> |
bold() |
Tekst pogrubiony – odpowiednik <b> |
fixed() |
Tekst o stałej szerokości znaku – odpowiednik <tt> |
italics() |
Tekst pisany kursywą – odpowiednik <i> |
small() |
Zmniejsza wielkość czcionki – odpowiednik <small> |
sub() |
Indeks dolny – odpowiednik <sub> |
strike() |
Tekst przekreślony – odpowiednik <strike> |
sup() |
Indeks górny – odpowiednik <sup> |
fontColor(kolor) |
Ustawia kolor tekstu |
fontSize(kolor) |
Ustawia wielkość tekstu |
charAt(indeks) |
Zwraca znak z pozycji określonej przez indeks (index jest liczony od zera) |
indexOf('podłańcuch') |
Przeszukuje łańcuch znaków w poszukiwaniu podłańcucha i zwraca index pierwszego znalezionego |
indexOf('podł',index) |
Przeszukuje łańcuch znaków w poszukiwaniu podłańcucha zaczynając od indeksu określonego poprzez parametr index i zwraca index pierwszego znalezionego |
lastIndexOf('podłańcuch') |
Patrz indexOf(). To samo, ale szuka od końca ciągu znaków |
lastIndexOf('podłańcuch',index) |
Patrz indexOf(). To samo, ale szuka od końca ciągu znaków |
substring(x,y) |
Zawraca podłańcuch wycięty z łańcucha od pozycji x do pozycji y. X i y liczone od zera |
toLowerCase() |
Konwertuje znaki w łańcuchu na małe litery |
toUppercase() |
Konwertuje znaki w łańcuchu na wielkie litery |
Obiekt Date pozwala na wykonywanie operacji z wykorzystaniem daty i czasu. Pozwala na uzyskanie aktualnej wartości daty i czasu, na korzystanie z ich składowych oraz niezależną zmianę każdej z nich. Aby korzystać z dobrodziejstw obiektu date należy go najpierw utworzyć korzystając z konstruktora obiektu bez parametrów
var data_czas = new Date();
lub z konstruktora mającego od jednego do siedmiu parametrów (rok, miesiąc, dzień, godzina, minuta, sekunda, milisekunda)
Metody obiektu Date
Metoda |
Opis |
gatDate() |
Zwraca dzień miesiąca (1 – 31) |
getDay() |
Zwraca dzień tygodnia (0 Niedziela – 6 Sobota) |
getFullYear() |
Zwraca rok |
getHours() |
Zwraca godzinę (0 – 23) |
getMilliseconds() |
Zwraca milisekundy (0 – 999) |
getMinutes() |
Zwraca minuty (0 – 59) |
getMonth() |
Zwraca miesiąc (0 – 11) |
getSeconds() |
Zwraca sekundy (0 – 59) |
getTime() |
Zwraca liczbę milisekund jaka upłynęła od północy 1 stycznia 1970 r. |
getTimezoneOffset() |
Zwraca różnicę pomiędzy czasem UTC a czasem lokalnym w minutach |
getUTCDate() getUTCDay() getUTCFullYear() getUTCHours() getUTCMilliseconds() getUTCMinutes() getUTCMonth() getUTCSeconds() |
Patrz wcześniejsze odpowiedniki dla czasu lokalnego. Te metody zwracają dane dla czasu UTC |
now() |
Zwraca liczbę milisekund od 1 stycznia 1970 r. |
parse() |
konwertuje datę na liczbę milisekund liczoną od 1 stycznia 1970 r. |
setDate() setFullYear() setHours() setMilliseconds() setMinutes() setMonth() setSeconds() |
Ustawia odpowiednią część obiektu Date używając czasu lokalnego |
setTime() |
Ustawia liczbę milisekund liczoną od 1 stycznia 1970 r. |
setUTCDate() setUTCFullYear() setUTCHours() setUTCMilliseconds() setUTCMinutes() setUTCMonth() setUTCSeconds() |
Ustawia odpowiednią część obiektu Date używając czasu UTC |
toDateString() |
konwertuje obiekt Date do ciągu znaków możliwych do odczytania |
toISOString() |
konwertuje obiekt Date do ciągu znaków możliwych do odczytania używając standardu ISO |
toJSON() |
konwertuje obiekt Date formatując go w standardzie JSON |
toLocaleDateString() toLocaleTimeString() toLocaleString() |
konwertuje obiekt Date do ciągu znaków możliwych do odczytania używając czasu lokalnego |
toString() |
Konwertuje obiekt Date do ciągu znaków |
toTimeString() |
Konwertuje obiekt Date do ciągu znaków |
toUTCString() |
Konwertuje obiekt Date do ciągu znaków używając czasu UTC |
UTC() |
Zwraca liczbę milisekund liczoną od 1 stycznia 1970 r. używając czasu UTC |
valueOf() |
Zwraca prymitywną wartość obiektu Date |
UTC – Uniwersalny czas koordynowany (ang. Coordinated Universal Time) – wzorcowy czas ustalany na podstawie TAI (fr. Temps Atomique International), uwzględniający nieregularność
JSON, JavaScript Object Notation (wym. ˈdʒeɪsən) – lekki format wymiany danych komputerowych. JSON jest formatem tekstowym, bazującym na podzbiorze języka JavaScript. Typ MIME dla formatu JSON to application/json. Format został opisany w dokumencie RFC 4627 ↓. ruchu obrotowego Ziemi i koordynowany względem czasu słonecznego. Format ten jest niezależny od konkretnego języka.
Obiekt Math – wykorzystywany jest do wykonywania różnych obliczeń matematycznych. Udostępnia również szereg stałych matematycznych oraz dodatkowe metody
Własność |
Opis |
E |
Zwraca wartość liczby Eulera (ok. 2,718) |
LN2 |
Zwraca wartość logarytmu naturalnego z 2 (ok. 0,693) |
LN10 |
Zwraca wartość logarytmu naturalnego z 10 (ok. 2,302) |
LOG2E |
Zwraca wartość logarytmu o podstawie 2 z liczby e (ok. 1,442) |
LOG10E |
Zwraca wartość logarytmu o podstawie 10 z liczby e (ok. 0,434) |
PI |
Zwraca wartość liczby pi (ok. 3,1415) |
SQRT1_2 |
Zwraca pierwiastek z ułamka 1/2 (ok. 0,707) |
SQRT2 |
Zwraca pierwiastek z liczby 2 (ok. 1,414) |
Metoda |
Opis |
abs(x) |
Wartość absolutna z x |
acos(x) |
arcus cosinus z x (x podawane w radianach) |
asin(x) |
arcus sinus z x (x podawane w radianach) |
atan(x) |
arcus tangens z x (x z przedziału -pi/2 do pi/2 w radianach) |
atan2(y,x) |
arcus tangens dla punktów y i x (zwraca wartość z przedziału od 0 do 2pi w radianach) |
ceil(x) |
Zaokrągla wartość x w górę do najbliższej liczby całkowitej |
cos(x) |
cosinus z x (x podawane w radianach) |
exp(x) |
Zwraca wartość ex |
floor(x) |
Zaokrągla wartość x w dół do najbliższej liczby całkowitej |
log(x) |
zwraca wartośc logarytmu naturalnego (podstawa e) z x |
max(x, y, z …, n) |
Zwraca największą liczbę z podanych |
min(x, y, z …, n) |
Zwraca najmniejszą liczbę z podanych |
pow(x,y) |
Zwraca xy |
random() |
Zwraca liczbę losową z przedziału 0 do 1 |
round(x) |
Zaokrągla x do najbliższej wartości całkowitej |
sin(x) |
Sinus z x (x podawane w radianach) |
sqrt(x) |
Zwraca pierwiastek kwadratowy z x |
tan(x) |
Zwraca tangens z x (x podawane w radianach) |
Uwagi:
Wyliczenie pierwiastków innych stopni np. 5 stopnia – Math.pow(x, 1/5)
Przykłady użycia obiektów: