Obiekt document
Jest to obiekt, który reprezentuje aktualny dokument, załadowany do okna lub ramki.
Właściwości obiektu document
document.alinkColor
Właściwość określająca kolor aktywowanego odnośnika.W przeglądarce Netscape, kolor ten wyświetlany jest w momencie, gdy użytkownik naciśnie klawisz myszy na odnośniku. W przeglądarce Internet Explorer, kolor ten występuje na zaznaczonym odnośniku (na którym jest fokus).
Kolor może być określony poprzez predefiniowaną nazwę
document.alinkColor="red";
lub hexadecymalnie (RRGGBB)document.alinkColor="#FF0000";
document.anchors
Obiekt stanowiący kolekcję (tablicę) wszystkich zakładek istniejących w aktualnym dokumencie.Zakładkę (etykietę) w dokumencie HTML, tworzymy za pomocą znacznika <A> z atrybutem NAME.
O tym ile jest zakładek w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.anchors.length;
Dostęp do zakładki, możemy uzyskać za pomocą jej nazwy (NAME):document.anchors["nazwa"]
lub za pomocą indeksu, gdzie:document.anchors[0] - to pierwsza zakładka
document.anchors[1] - to druga zakładka
document.anchors[2] - to trzecia zakładka itd.
W przeglądarce Netscape, dostęp do elementów położonych na warstwach, możemy uzyskać jedynie poprzez obiekt reprezentujący daną warstwę. Tak więc, dostęp do zakładki położonej na warstwie, uzyskujemy w następujący sposób:
document.layers["nazwa_warstwy"].document.anchors["nazwa"]
document.applets
Obiekt stanowiący kolekcję (tablicę) wszystkich apletów osadzonych w aktualnym dokumencie.Aplet to obiekt, osadzony w dokumencie za pomocą znacznika <APPLET>.
O tym ile jest apletów w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.applets.length;
Dostęp do apletu, możemy uzyskać za pomocą jego nazwy (NAME):document.applets["nazwa"]
lub za pomocą indeksu, gdzie:document.applets[0] - to pierwszy aplet
document.applets[1] - to drugi aplet
document.applets[2] - to trzeci aplet itd.
W przeglądarce Netscape, dostęp do elementów położonych na warstwach, możemy uzyskać jedynie poprzez obiekt reprezentujący daną warstwę. Tak więc, dostęp do apletu położonego na warstwie, uzyskujemy w następujący sposób:
document.layers["nazwa_warstwy"].document.applets["nazwa"]
document.bgColor
Właściwość określająca kolor tła dokumentu.Kolor może być określony poprzez predefiniowaną nazwę
document.bgColor="white";
lub hexadecymalnie (RRGGBB)document.bgColor="#FFFFFF";
document.cookie
document.embeds
Obiekt stanowiący kolekcję (tablicę) wszystkich obiektów osadzonych w aktualnym dokumencie za pomocą znacznika <EMBED>.O tym ile jest takich obiektów w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.embeds.length;
Dostęp do obiektu, możemy uzyskać za pomocą jego nazwy (NAME):document.embeds["nazwa"]
lub za pomocą indeksu, gdzie:document.embeds[0] - to pierwszy obiekt
document.embeds[1] - to drugi obiekt
document.embeds[2] - to trzeci obiekt itd.
W przeglądarce Netscape, dostęp do elementów położonych na warstwach, możemy uzyskać jedynie poprzez obiekt reprezentujący daną warstwę. Tak więc, dostęp do obiektu położonego na warstwie, uzyskujemy w następujący sposób:
document.layers["nazwa_warstwy"].document.embeds["nazwa"]
document.fgColor
Właściwość określająca domyślny kolor tekstu w dokumencie.Kolor może być określony poprzez predefiniowaną nazwę
document.fgColor="red";
lub hexadecymalnie (RRGGBB)document.fgColor="#FF0000";
document.forms
Obiekt stanowiący kolekcję (tablicę) wszystkich formularzy znajdujących się w aktualnym dokumencie.Formularz w dokumencie HTML, tworzymy za pomocą znacznika <FORM>.
O tym ile jest formularzy w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.forms.length;
Dostęp do formularza, możemy uzyskać za pomocą jego nazwy (NAME):document.forms["nazwa"]
lub za pomocą indeksu, gdzie:document.forms[0] - to pierwszy formularz
document.forms[1] - to drugi formularz
document.forms[2] - to trzeci formularz itd.
W przeglądarce Netscape, dostęp do elementów położonych na warstwach, możemy uzyskać jedynie poprzez obiekt reprezentujący daną warstwę. Tak więc, dostęp do formularza położonego na warstwie, uzyskujemy w następujący sposób:
document.layers["nazwa_warstwy"].document.forms["nazwa"]
document.images
Obiekt stanowiący kolekcję (tablicę) wszystkich elementów graficznych osadzonych w aktualnym dokumencie.Grafika to obiekt, osadzony w dokumencie za pomocą znacznika <IMG>.
O tym ile jest elementów graficznych w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.images.length;
Dostęp do grafiki, możemy uzyskać za pomocą jego nazwy (NAME):document.images["nazwa"]
lub za pomocą indeksu, gdzie:document.images[0] - to pierwszy element graficzny
document.images[1] - to drugi element graficzny
document.images[2] - to trzeci element graficzny itd.
W przeglądarce Netscape, dostęp do elementów położonych na warstwach, możemy uzyskać jedynie poprzez obiekt reprezentujący daną warstwę. Tak więc, dostęp do grafiki położonej na warstwie, uzyskujemy w następujący sposób:
document.layers["nazwa_warstwy"].document.images["nazwa"]
document.lastModified
Właściwość tylko do odczytu. Łańcuch znakowy, określający datę i czas ostatniej modyfikacji aktualnego dokumentu.Właściwość ta jest pobierana z nagłówka HTTP wysyłanego przez serwer. Nie wszystkie serwery wysyłają informację o ostatniej modyfikacji dokumentu (nie jest to wymagane). Dlatego przed użyciem tej właściwości upewnij się, że serwer na którym umieszczona jest twoja strona, podaje tą informację.
Jeżeli w nagłówku HTTP brakuje informacji o ostatniej modyfikacji dokumentu, właściwość lastModified ma wartość "January 1, 1970 GMT".
Przykład:
function Modyfikacja() {
var czas = new Date(document.lastModified);
var s = "";
s+=czas.getDate()<10?"0"+czas.getDate()+".":
czas.getDate()+".";
s+=czas.getMonth()+1<10?"0"+(czas.getMonth()+1)+".":
(czas.getMonth()+1)+".";
s+=czas.getFullYear()+"r.";
if(czas.getFullYear()==1970)
document.write("Data modyfikacji nieznana");
else
document.write(s);
}
document.layers
Tylko Netscape 4.xObiekt stanowiący kolekcję (tablicę) wszystkich warstw istniejących w aktualnym dokumencie.
Warstwę w dokumencie HTML, tworzymy za pomocą znacznika <DIV>, a w przeglądarkach Netscape 4.x, warstwę można utworzyć również za pomocą znaczników <LAYER> (pozycjonowana absolutnie) lub <ILAYER> (pozycjonowana relatywnie).
O tym ile jest warstw w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.layers.length;
Dostęp do warstwy, możemy uzyskać za pomocą jej nazwy (NAME):document.layers["nazwa"]
lub za pomocą indeksu, gdzie:document.layers[0] - to pierwsza warstwa
document.layers[1] - to druga warstwa
document.layers[2] - to trzecia warstwa itd.
W przeglądarce Netscape, dostęp do elementów położonych na warstwach, możemy uzyskać jedynie poprzez obiekt reprezentujący daną warstwę. Tak więc, dostęp do warstwy położonej na innej warstwie, uzyskujemy w następujący sposób:
document.layers["nazwa_warstwy"].document.layers["nazwa_warstwy"]
document.linkColor
Właściwość określająca standardowy kolor odnośnika.Kolor może być określony poprzez predefiniowaną nazwę
document.linkColor="aqua";
lub hexadecymalnie (RRGGBB)document.linkColor="#00FFFF";
document.links
Obiekt stanowiący kolekcję (tablicę) wszystkich odnośników znajdujących się w aktualnym dokumencie.Odnośnik (link) w dokumencie HTML, tworzymy za pomocą znacznika <A> lub <AREA> z atrybutem HREF.
O tym ile jest odnośników w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.links.length;
Dostęp do odnośnika, możemy uzyskać za pomocą indeksu, gdzie:document.links[0] - to pierwszy odnośnik
document.links[1] - to drugi odnośnik
document.links[2] - to trzeci odnośnik itd.
W przeglądarce Netscape, dostęp do elementów położonych na warstwach, możemy uzyskać jedynie poprzez obiekt reprezentujący daną warstwę. Tak więc, dostęp do odnośnika położonego na warstwie, uzyskujemy w następujący sposób:
document.layers["nazwa_warstwy"].document.links[0]
document.location
lub
document.URL
Łańcuch znakowy zawierający pełny adres URL.
document.referrer
Właściwość tylko do odczytu informująca o lokalizacji dokumentu, z którego aktualny dokument został wywołany.Na przykład, jeżeli użytkownik w dokumencie A kliknął odnośnik, w wyniku czego do przeglądarki został załadowany dokument B, to właściwość document.referrer będzie zawierała pełny adres dokumentu A.
Jeżeli dokument będzie wywołany w jakikolwiek inny sposób, na przykłąd poprzez wpisanie adresu do paska adresowego lub wybrany z menu "Ulubione", to właściwość ta będzie pustym łańcuchem znakowym.
document.title
Łańcuch znakowy zawierający tytuł aktualnego dokumentu.Tytuł dokumentu to tekst objęty znacznikiem <TITLE>. Jeżeli dokument nie ma tytułu, to właściwość ta ma wartość null.
document.vlinkColor
Właściwość określająca kolor odnośnika do strony co najmniej raz odwiedzonej przez użytkownika.Kolor może być określony poprzez predefiniowaną nazwę
document.linkColor="yellow";
lub hexadecymalnie (RRGGBB)document.linkColor="#FFFF00";
document.all
Tylko Internet ExplorerObiekt stanowiący kolekcję (tablicę) wszystkich elementów (obiektów) znajdujących się w aktualnym dokumencie.
O tym ile jest elementów w dokumencie, możemy się przekonać, odczytując właściwość length:
ilosc = document.all.length;
Jeżeli dowolny element w dokumencie oznaczymy idnetyfikatorem ID np:<DIV ID="moja_warstwa">zawartość warstwy</DIV>
<P ID="moj_akapit">zawartość akapitu</P>
<A ID="moj_link" HREF="plik.htm">odnośnik</A>
document.all["moja_warstwa"]
document.all["moj_akapit"]
document.all["moj_link"]
document.all[0] - to pierwszy element w dokumencie
document.all[1] - to drugi element w dokumencie
document.all[2] - to trzeci element w dokumencie itd.
document.body
Tylko Internet Explorer i Netscape 6.xObiekt reprezentujący zawartość dokumentu (elementy objęte znacznikiem <BODY>).
Metody obiektu document
document.write(zmienna)
Metoda służąca do wpisania tekstu w dokumencie określonego zmienną. Jeżeli zmienna nie jest łańcuchem znakowym, to zostanie do niego przekonwertowana. Metodę tą wywołuje się zazwyczaj podczas ładowania dokumentu, a więc skrypt (lub wywołanie funkcji zawierającej tą metodę) umieszczony jest pomiędzy znacznikami <BODY>.Wywołanie tej metody po załadowaniu dokumentu (np. poprzez wywołanie funkcji zawierającej tą metodę w odpowiedzi na jakieś zdarzenie) powoduje otwarcie dokumentu i wyczyszczenie dotychczasowej zawartości. W takim przypadku należy również zamknąć dokument za pomocą metody document.close().
document.writeln(zmienna)
Metoda, która działa tak samo jak metoda document.write, lecz dodawany jest znak końca lini. Może mieć to znaczenie na przykład w przypadku umieszczenia jej pomiędzy znacznikami <PRE>.document.getElementById()
document.getElementsByTagName()