Obiekty DOM w JavaScript

Question 1

Co to obiekt DOM?

Answer 1

DOM to sposób reprezentacji złożonych dokumentów XML oraz XHTML w postaci modelu obiektowego

Question 2

Co to obiekty “window”?

Answer 2

obiekt window – opisuje bieżące okno przeglądarki. Jest najważniejszym obiektem w hierarchii, dlatego odwołanie do jego właściwości lub metod nie wymaga podania nazwy obiektu. Tworzony jest automatycznie podczas otwierania okna przeglądarki.

Question 3

Właściwości obiektu window

Answer 3

closed // informuje czy okno jest zamknięte
self // bieżące okno
top // okno najwyższego rzędu
status // komunikat w pasku stanu okna przeglądarki
defaultStatus // komunikat gdy oczekuje się na wprowadzenie danych
name // identyfikator okna otwartego metodą window.open()
innerHeight; // wysokość okna przeglądarki
innerWidth; // szerokość okna przeglądarki

Question 4

Metody obiektu window

Answer 4

open() // otwieranie nowego okna
np.: window.open(‘http://wp.pl’,’Wirtualna Polska’);
close() // zamykanie okna
confirm() // okno decyzyjne
alert() // okno dialogowe
prompt() // okno tekstowe (wprowadzanie danych)

Question 5

Co to obiekt navigator?

Answer 5

navigator – pozwala na dostęp do informacji dotyczących przeglądarki. Służy do ustalenia wersji przeglądarki używanej przez użytkownika. Właściwości tego obiektu mogą być tylko odczytywane.

Question 6

Właściwości obiektu navigator

Answer 6

appName // zawiera nazwę przeglądarki
appVersion // zawiera numer wersji przeglądarki
language // kod języka przeglądarki
online // określa czy przeglądarka pracuje w trybie online
oscpu // określa system operacyjny na którym uruchomiona jest przeglądarka

Question 7

Metoda obiektu navigator

Answer 7

javaEnabled() // zwraca wartość prawda, jeśli dana przeglądarka obsługuje Javę lub fałsz jeśli nie

Question 8

Co to obiekt document?

Answer 8

document – zawiera informacje o bieżącym dokumencie HTML. Poprzez jego właściwości mamy wpływ na elementy strony (np. kolor tła, kolor czcionki). Jego metody umożliwiają wyświetlenie np. tekstu w oknie przeglądarki.

Question 9

Właściwości obiektu document

Answer 9

document.URL // zwraca adres dokumentu
document.title // zwraca tytuł strony
document.location // pobiera URL bieżącego dokumentu
document.lastModified // data ostatniej modyfikacji strony
document.referrer // zwraca URL strony, która przekierowała na
bieżącą stronę
document.bgColor // określa kolor tła dok., ustawianego atrybutem
bg-color
document.fgColor // określa kolor pierwszego planu dok.,
ustawianego atrybutem text
**document.linkColor **// określa kolor łącza w dok. ustawianego
atrybutem link
document.alinkColor // określa kolor łącza w dok. ustawianego
atrybutem alink
document.vlinkColor // określa kolor łącza w dok. ustawianego
atrybutem vlink
**document.cookie ** // ustawia lub odczytuje cookie dla dokumentu
document.forms.length // ilość formularzy
document.links.length // ilość linków
document.anchors.length // ilość zakotwiczeń

Question 10

Metody obiektu document

Answer 10

document.getElementById(“tekst1”) // łączy kod HTML z JavaScript
document.getElementsByTagName(p) // odwołanie do kolekcji akapitów
document.getElementsByTagName(p)[0]
write() // wyświetla tekst na ekranie
writeln() // wyświetla tekst na ekranie i przechodzi do kolejnej linii
clear() // czyści zawartość bieżącego okna
close() // zamyka bieżące okno

Question 11

Co to obiekt location?

Answer 11

location – zawiera informacje o bieżącym adresie URL. Jego właściwości odpowiadają kolejnym członom adresu. Ogólna postać lokalizatora URL to: protocol://host:port/path#fragment?query

Question 12

Właściwości obiektu location

Answer 12

location.href // zawiera cały adres URL
location.protocol // zawiera protokół
location.hostname // zawiera nazwę hosta
location.port // zawiera numer portu
location.pathname // zawiera nazwę pliku ze ścieżką
location.search // zawiera zapytanie jeśli znajduje się w adresie
location.hash // zawiera nazwę kotwicy

Question 13

Metody obiektu location

Answer 13

location.reload() // odświeża bieżący dokument
location.replace() // zastępuje bieżący adres URL nowym
location.assign() // wczytuje dokument o adresie wskazanym przez url

Question 14

Co to obiekt history?

Answer 14

history – zawiera historię stron odwiedzanych w bieżącej sesji

Question 15

Właściwości obiektu history

Answer 15

history.length // długość listy historii
history.current // zawiera bieżący lokalizator

Question 16

Metody obiektu history

Answer 16

history.go() // otwiera określony adres z listy historii
history.back() // otwiera poprzedni adres z listy historii
history.forward() // otwiera następny adres z listy historii

Question 17

Co to obiekt link?

Answer 17

link – zawiera informację o łączu do określonego adresu. Obiekty link są zapisane w tablicy links. W dokumencie może wystąpić wiele obiektów link. Każdy z nich jest zapisany jako oddzielny element tablicy.

Question 18

Właściwość obiektu link

Answer 18

document.links.length //określa liczbę linków na stronie
var link1=links[0].href

Question 19

Co to obiekt anchor?

Answer 19

anchor – reprezentuje kotwicę w bieżącym dokumencie. Podobnie jak łącza, kotwice są zapisywane w tablicy o nazwie anchors. Każdy jej element jest obiektem anchor.

Question 20

Właściwość obiektu anchor

Answer 20

document.anchors.length // określa liczbę elementów kotwicy

Question 21

Co to obiekt form?

Answer 21

zawiera informacje dotyczące formularzy występujących w dokumencie HTML. Obiekty form są zapisane w tablicy forms. Każdy formularz jest zapisany jako oddzielny element tablicy. Do wybranego formularza można odwoływać się przez indeks lub przez nazwę. Inną metodą odwołania do formularza jest wykorzystanie metody getElementById().

Question 22

Odwoływanie się do elementów formularza

Answer 22

Elementy formularza tworzą tablicę. Dostęp do nich jest możliwy przez odwołanie się do kolejnych elementów tej tablicy (elements[i]). Podobnie jak do całego formularza, do jego elementów można odwoływać się przez indeks lub przez nazwę:

document.forms[‘form1’].elements[0]
document.forms[‘form1’].elements[‘nazwa’]
document.forms[‘form1’].nazwa

lub za pomocą metody getElementById():

document.getElementById[‘imie’].value;