Kursy

Obiekty

Obiekty

Obiekty pełnia bardzo ważną rolę w języku JavaScript, który w końcu jest językiem zorientowanym obiektowo. JavaScript umożliwia tworzenie własnych obiektów lub używania gotowych, a następnie korzystanie z ich właściwości lub z ich metod. Każdy element strony można uważać jako osobny obiekt posiadający własne metody i właściwości. Większość pomniejszych obiektów (tekst, obrazki) należą do jednego dużego obiektu document. Oto jak w otaczającej nas rzeczywistości możemy znaleźć odniesienie do obiektów: Powiedzmy, że naszym głównym obiektem będzie auto

auto.kola //najpierw odwołujemy się do głównego obiektu auto a później do kół
auto.kola.przednie
auto.kolor

auto.kolor = "czerwony" //przypisanie właściwości do obiektu kolor
auto.jedz() //metoda która powoduje jazdę samochodu :-)



Prawda, że łatwe? Teraz spróbujemy przełożyć to na obiekty JavaScript:

document.form.pole_wyboru //odnosimy się do konkretnego pola wyboru w formularzu

document.form.pole_wyboru.value = "tak" //pole_wyboru ma przypisana wartość tak

document.form.pole_wyboru.checked() //metoda zaznaczająca pole wyboru



Wiem, że zapewne zadajesz sobie teraz pytanie "skąd mam wiedzieć kiedy i w jakiej kolejności mam coś wpisać ?". Pomoże Ci w tym tabela hierarchii w JavaScript:

Wybierając konkretny obiekt musisz poruszać się po polach od samej góry.
Dobra, na pewno przypominasz sobie wcześniejsze przykłady: document.form.pole_wyboru . Dlaczego są tam nazwy których nie ma w hierarchii? Otóż większość elementów na stronie może mieć własne nazwy (obrazki, pola formularza) w tym wypadku odwołujemy się właśnie do ich nazw.
Najlepiej przedstawi Ci to poniższy przykład formularza:

<Form name="moj_formularz">
Imię:   <input type="text" name="imie" size="15"><br>

Nazwisko:   <input type="text" name="nazwisko" size="15"><br>

<input type="submit" value="Wyślij"><br> </form>



Teraz odwołując się w JavaScript do pola "Imię" musimy napisać:

document.moj_formularz.imie //odwołujemy się do imienia
lub
document.moj_formularz.nazwisko //odwołujemy się do nazwiska



Jak widzisz, aby dojść do konkretnego obiektu, trzeba "jechać" od tych najbardziej zewnętrznych do najbardziej szczegółowych obiektów.

Na koniec przedstawię jeszcze właściwości poszczególnych obiektów, które w przyszłości bardzo Ci się przydadzą. Jak z tego korzystać? Powiedzmy, że opisuję obiekt Window a jedną z właściwości jest Status. Wówczas żeby to wykorzystać piszę: window.status , no i wszystko jasne :-)