Obiekt button

Obiekt button (przycisk) jest używany w formularzach do zdefiniowania przycisku. Name określa nazwę przycisku, value określa tekst widoczny na przycisku. Przyciski muszą być zdefiniowane w ramachznaczników <FORM> i </FORM>.
Przycisk wygląda następująco:

Składnia: <INPUT TYPE="button" name="Name" value="value">
Własności: name i value
Metody: click

Obiekt checkbox

Checkbox jest jednym z tych kwadratowych okienek, które zaznaczasz kliknięciem, a które, jestem pewien, każdy już widział. Checkbox musi być zdefiniowany w ramach znaczników <FORM> i </FORM>.
Checkbox wygląda następująco:

Składnia: <INPUT TYPE="checkbox" name="Name" value="value"> do kodu można także dodać 'checked', aby okienko było domyślnie zaznaczone po załadowaniu strony.
Własności: checked, defaultChecked, name i value
Metody: click

Obiekt Date

Obiekt date jest bardzo użyteczną i wyrafinowaną funkcją. Pozwala ci pracować z datą i czasem - latami, dniami, godzinami, minutami, sekundami etc. JavaScript przechowuje daty jako liczby milisekund, które upłynęły od 1 stycznia 19700, g. 00:00:00.

Składnia:
1. variable = new Date()
2. variable = new Date(hours, minutes, seconds)
3. variable = new Date(year, month, day)

W pierwszym przykładzie jest zwracana bieżąca data
W drugim przykładzie jest zwracana bieżąca godzina, minuta i sekunda
W trzecim przykładzie jest zwracany bieżący rok, niesiąc i dzień
Własności: Brak
Metody:
getDate() - Wyświetla dzień miesiąca dla ustalonej daty (liczba całkowita z zakresu 1-31)
getDay() - Wyświetla dzień tygodnia dla ustalonej daty (liczba całkowita, od 0=Niedziela do 6=Sobota)
getHours() - Wyświetla godzinę dla ustalonej daty (liczba całkowita z zakresu 0-23)
getMinutes() - Wyświetla minuty dla ustalonej daty (liczba całkowita z zakresu 0-59)
getMonth() - Wyświetla miesiąc dla ustalonej daty (liczba całkowita z zakresu 0=Styczeń - 11=Grudzień)
getSeconds() - Wyświetla sekundy dla bieżącego czasu (liczba całkowita z zakresu 0-59)
getTime() - Pokazuje ustaloną datę z użyciem liczb (liczba milisekund od 1 stycznia 1970 00:00:00)
getTimezoneOffset() - Wyświetla w minutach różnicę czasu między czasem lokalnym i czasem Greenwich (GMT)
getYear() - Wyświetla rok dla ustalonej daty (liczba dwucyfrowa)
parse() - Wyświetla liczbę milisekund od 1/1/70 00:00:00 do podanej daty
setDate() - Ustawia dzień miesiąca dla aktualnego obiektu date
setHours() - Ustawia godzinę dla aktualnego obiektu date
setMinutes() - Ustawia minuty dla aktualnego obiektu date
setMonth() - Ustawia miesiąc dla aktualnego obiektu date
SetSeconds() - Ustawia liczbę sekund dla aktualnego obiektu date
setTime() - Ustawia datę i godzinę dla aktualnego obiektu date, w milisekundach od 1/1/70 00:00:00
setYear() - Ustawia rok dla aktualnego obiektu date (rok jest liczbą całkowitą większą od 1900)
toGMTString() - Zwraca aktualną datę i czas z użyciem G.M.T. (Greenwich Mean Time)
toLocaleString() - Zwraca aktualną datę i godzinę z użyciem bieżącej lokalizacji użytkownika
UTC() - Wyświetla liczbę milisekund od 1/1/70 00:00:00 z użyciem G.M.T.

Obiekt document

Document jest chyba najważniejszą funkcją JavaScript. Zawiera on informacje o bieżącej stronie i dostarcza sposobów wyświetlania strony HTML.

Składnia: document.property lub document.method, gdzie property i method są elementem z poniższej listy.
Własności:
alinkColor - określa kolor aktywnego odsyłacza (active link color)
anchors - tablica odzwierciedlająca wszystkie kotwice dokumentu
bgColor - określa kolor tła
cookie - określa wartości cookies dla danego dokumentu
fgColor - określa kolor tekstu
forms - tablica odzwierciedlająca wszystkie formularze w dokumencie
lastModified - informuje, kiedy dokument był ostatnio modyfikowany
linkColor - określa kolor odsyłaczy
links - tablica odzwierciedlająca wszystkie odsyłacze w dokumencie
location - wyświetla bieżący adres URL dokumentu
referrer - wyświetla adres URL poprzednio odwiedzanego dokumentu
title - wyświetla zawartość znacznika <TITLE>
vlinkColor - określa kolor odsyłacza do odwiedzonej już wcześniej strony (visited link color)
Metody: clear, close, open, write i writeln

Tablica elements

Tworzy tablicę elementów wchodzących w skład formularza, jak przyciski, pola itd., w kolejności występowania. Pamiętaj, że pierwszy obiekt w formularzu ma zawsze numer 0, a nie numer 1.

Składnia: formname.elements[i] gdzie i numerem obiektu, oraz formname.elements.length
Własności: length
Metody: Brak

Obiekt form

Obiekt form jest używany do tworzenia formularzy. Mogš one zawierać pola, obszary tekstowe, przyciski, pola zaznaczane itd. Wszystkie są używane do podawania danych.

Składnia:
<FORM NAME="name" TARGET="target" ACTION="file" METHOD="POST/GET" ENCTYPE="encodingtype">
NAME definiuje nazwę formularza
TARGET definiuje okno, do którego są przesyłane wyniki
ACTION definiuje, dokąd powinny być przesłane odpowiedzi do dalszego przetwarzania. Może to być skrypt CGI, adres pocztowy czy coś innego.
METHOD to albo POST albo GET. Definiuje, jak odpowiedzi są przesyłane do serwera.
ENCTYPE definiuje typ kodowania MIME dla formularza.
Własności: action, elements, encoding, length, method, target, button, checkbox, hidden, password, radio, reset, select, submit, text i textarea
Metody: submit

Obiekt frame

Obiekt frame jest używany do definiowania ramek. Ramki stają się coraz bardziej popularne w Internecie, oferując ulepszone metody nawigacji i szybsze ładowanie.

Składnia:
<FRAMESET ROWS="ROWS" COLS="COLS">
<FRAME SRC="file" NAME="name">
</FRAMESET>
COLS określa szerokość kolumn. Mogą to być wartości absolutne rozdzielone przecinkiem lub procent szerokości ekranu.
ROWS określa wysokość wierszy. Mogą to być wartości absolutne rozdzielone przecinkiem lub procent wysokości ekranu.
Dla każdej ramki musisz określić plik i nazwę, korzystając ze znacznika <FRAME>.
SRC mówi przeglądarce, jaka jest nazwa pliku, który ma być wyświetlony w ramce.
NAME nadaje ramce nazwę.
Własności:
frames - Tablica obiektów reprezentujących ramki w oknie, ułożonych z kolejności występowania w kodzie źródłowym
name - Wyświetla nazwę określonego obiektu
length - Wyświetla liczbę ramek potomnych dla danej ramki
parent - Synonim dla okna lub ramki zawierającej dany układ ramek
self - Synonim dla bieżącej ramki lub okna
window - The top level for an object
Metody: clearTimeout i setTimeout

Obiekt hidden

Obiekt hidden jest używany w formularzach do ukrywania przed użytkownikiem pola input. Pole ciągle tam jest, ale nie może być zobaczone i nie ma do niego dostępu. Wygodne przy dodawaniu do formularzy predefiniowanych danych. Jak wszystkie obiekty związane z formularzem, pole hidden musi być definiowane w ramach znaczników <FORM> i </FORM>.

Składnia: <INPUT TYPE="hidden" NAME="name" VALUE="value"> gdzie NAME jest nazwą pola, a VALUE reprezentuje dane w polu.
Własności: name i value
Metody: Brak

Obiekt history

Obiekt history zawiera informację o bieżącej sesji użytkowania przeglądarki. Dane składają się z pewnej liczby odwiedzonych witryn, ich adresów URL i ich nazw. Obiekt jest szczególnie przydatny przy tworzeniu skryptowych systemów nawigacyjnych.

Składnia: history.property lub history.method, gdzie property lub method jest jednym z poniższych elementów.
Własności: length
Metody: back, forward i go

Obiekt link

Obiekt link tworzy odsyłacze HTML za pomocą JavaScript.

Składnia: <HREF="location" NAME="name" TARGET="target">, gdzie HREF jest adresem URL pliku, który mamy wczytać o kliknięciu. NAME to nazwa odsyłacza, a TARGET to obszar, do którego ma być wczytany plik. TARGET jest stosowany tylko wtedy, gdy używamy odsyłaczy do ramek lub odrębnych okien.
Własności:
hash - definiuje nazwę kotwicy w adresie URL
host - definiuje fragment adresu URL - hostname:port
hostname - zwraca adres IP hosta
href - zwraca cały adres URL
pathname - zwraca fragment dotyczący ścieżki dostępu adresu URL
port - definiuje port komunikacyjny, używany przez serwer
protocol - określa początek adresu URL, łącznie z dwukropkiem
search - pokazuje tekst zapytania po symbolu ? w adresie URL
target - mówi, w którym miejscu wyświetlić zawartość strony adresowanej przez odsyłacz
Metody: Brak

Obiekt location

Obiekt location przechowuje informację o bieżącym adresie URL. Każda własność obiektu należy do odrębnej części adresu URL.

Składnia: window.location.property, gdzie window jest bieżącym oknem lub oknem, które or the window you want to use it with, a property z poniższej listy.
Własności:
hash - odwołuje się do kotwicy
host - ustala nazwę hosta
hostname - wyświetla nazwę hosta lub adres IP bieżącego hosta
href - określa cały adres URL
pathname - odnosi się do ścieżki dostępu w adresie URL
port - określa port komunikacyjny serwera. Zazwyczaj 80
protocol - określa nazwę protokołu dla transmisji danych (http, ftp, etc.)
search - pokazuje tekst zapytania po znaku ? w adresie URL
Metody: Brak

Obiekt Math

Obiekt math przechowuje wartości matematyczne, gromadzone jako własności i metody. Są tutaj przechowywane pewne funkcje matematyczne, takie jak wartość Pi.

Składnia: Math.property lub Math.method, gdzie property lub method jest jednym z podanych niżej elementów.
Własności:
E - Zwraca stałą Eulera, która wynosi ok. 2.718
LN2 - Zwraca logarytm dwóch, tj. ok. 0.693
LN10 - Zwraca logarytm z dziesięciu, tj. ok. 2.302
LOG2E - Zwraca logarytm o podstawie 2 z liczby E, czyli ok. 1.442
LOG10E - Zwraca logarytm o podstawie 10 z E, czyli ok. 0.434
PI - Zwraca wartość liczby Pi, czyli ok. 3.14159
SQRT1_2 - Zwraca pierwiastek kwadratowy z 0.5, czyli ok. 0.707
SQRT2 - Zwraca pierwiastek kwadratowy z 2, czyli ok. 1.414
Metody:
abs(liczba) - Zwraca wartość absolutną liczby
acos(liczba) - Zwraca arcus cosinus z liczby (podanej w radianach)
asin(liczba) - Zwraca arcus sinus z liczby (podanej w radianach)
atan(liczba) - Zwraca arcus tangens z liczby (podanej w radianach)
ceil(liczba) - Zwraca najmniejszą liczbę całkowitą, większą lub równą podanej liczbie
cos(liczba) - Zwraca cosinus liczby (podanej w radianach)
exp(liczba) - Zwraca wartość E podniesionej do potęgi wyrażonej podanym argumentem
floor(liczba) - Zwraca największą liczbę całkowitą mniejszą lub równą podanej liczbie
log(liczba) - Zwraca logarytm naturalny liczby
max(liczba1,liczba2) - Zwraca większą z dwóch liczb
min(liczba1,liczba2) - Zwraca mniejszą z dwóch liczb
pow(liczba1,liczba2) - Zwraca wartość liczby1 podniesionej do potęgi liczby2
random() - Zwraca wartość pseudolosową z przedziału 0-1
round(liczba) - Zwraca zaokrąglenie danej liczby do najbliższej liczby całkowitej
sin(liczba) - Zwraca sinus liczby (podanej w radianach)
sqrt(liczba) - Zwraca pierwiaastek kwadratowy liczby
tan(liczba) - Zwraca tangens liczby (podanej w radianach)

Obiekt navigator

Czy kiedykolwiek chciałeś zaskoczyć kogoś i skłonić go, żeby myślał, że wszystko o nim wiesz? Jeśli wykorzystujesz w tym celu JavaScript, zapewne będziesz się musiał posłużyć obiektem navigator. Obiekt zawiera całą informację o przeglądarce, za pomocą której użytkownik przegląda twoje strony.

Składnia: navigator.property, gdzie property jest elementem z pniższej listy.
Własności:
appCodeName - Zwraca nazwę kodową przeglądarki (Mozilla)
appName - Zwraca nazwę przeglądarki
appVersion - Zwraca numer wersji przeglądarki
userAgent - Zwraca pełną nazwę przeglądarki (łącznie appCodeName i appVersion)
Metody: Brak

Obiekt password

Obiekt password (hasło) tworzy pole tekstowe, w którym gwiazdki zastępują cały wprowadzany tam tekst, chowając jego treść przed ciekawskimi. Pole musi być zdefiniowane w ramach znaczników <FORM> i </FORM>.
Pole hasła wygląda mniej więcej tak:

Składnia: <INPUT TYPE="PASSWORD" NAME="NAME" VALUE="VALUE" SIZE="SIZE">
NAME określa nazwę pola.
VALUE określa tekst wyświetlany w polu po załadowaniu strony.
SIZE określa szerokość pola (ile znaków może wprowadzić użytkownik, zanim zawartość będzie przewijana).
W JavaScript, chcąc skorzystać z własności lub metod, użyj:
password.method lub password.property, gdzie password nazwą pola hasła, zaś method lub property elementem z poniższej listy.
Własności:
defaultValue - Ustawia domyślną wartość VALUE
name - Ustawia parametr NAME
value - Zwraca bieżącą wartość pola hasła<
Metody:
blur - Usuwa fokus z pola
focus - Umieszcza fokus w polu
select - Zaznacza zawartość pola

Obiekt radio

Już je widywaliśmy... To te okrągłe przyciski w formularzach, na których klikasz, ale nigdy nie możesz wybrać więcej niż jeden.
Przyciski radiowe, jak wszytkie inne obiekty w formularzach, muszą być definiowane w ramach znaczników <FORM> i </FORM>.
Przyciski radiowe wyglądają tak:

Składnia: <INPUT TYPE="radio" NAME="Name" VALUE="Value" {CHECKED}>, gdzie NAME jest nazwą przycisku, VALUE jest jego wartością, a CHECKED może być częścią kodu, ale nie musi. Gdy wstawisz CHECKED, po załadowaniu formularza przycisk jest od razu zaznaczony. W innym przypadku użytkownik musi na nim kliknąć.
Jeśli chcesz mieć dostęp do własności i metod, skorzystaj z radio.property lub radio.method, gdzie property lub method jest elementem z poniższej listy.
Własności:
checked - Zaznacza przycisk
defaultChecked - Ustawia domyślne zaznaczenie przycisku po załadowaniu strony
length - Określa liczbę przycisków w obiekcie JavaScript
name - Określa nazwę przycisku
value - Określa wartość przycisku
Metody: click

Obiekt reset

Jeśli ktoś nie utworzy przycisku reset w formularzu, nie masz go ochoty natłuc? Ja wiem, że tak. Przycisk reset pozwala wyczyścić cały formularz za pomocą kliknięcia na jednym przycisku.
Przycisk reset, jak wszystkie inne obiekty formularza, jest definiowany w ramach znaczników <FORM> i </FORM>.
Przycisk Reset wygląda w taki sposób (treść na przycisku można zmienić)

Obiekt select

Wypełniałeś kiedyś ankietę online i byłeś pytany, z jakiego pochodzisz kraju? Prawdopodobnie musiałeś wybrać coś z predefiniowanej listy w rozwijanym menu, prawda? Jest to pole wyboru albo, jak mówią niektórzy, tablica.
Tablica wyboru musi być umieszczona w ramach znaczników <FORM> i </FORM>.
Wygląda to na przykład w ten sposób:

Obiekt string

String jest ciągiem znaków przechowywanych w zmiennej. Tekst jest zamknięty między ' ' lub " ". Przykładem stringu może być 'JavaScript' lub "JavaScript".

Składnia: string.property lub string.method, gdzie string jest nazwą ciągu znaków, a property lub method pochodzą z poniższej listy.
Własności: length
Metody:
anchor(nazwa) - Czyni ze stringu kotwicę
big() - Nadaje atrybut big
blink() - Nadaje atrybut blink
bold() - Nadaje atrybut bold
charAt(indeks) - pobiera znak z pewnej pozycji stringu
fixed() - Wyświetla string za pomocą atrybutu TT
fontcolor(kolor) - Określa kolor stringu
fontsize(wielkość) - Określa wielkość czcionki w stringu
indexOf(łańcuch,indeks) - Szuka pierwszego wystąpienia poszukiwanej wartości w stringu
italics() - Nadaje strybut italics
lastIndexOf(łańcuch,indeks) - Szuka ostatniego wystąpienia poszukiwanej wartości w stringu
link(href) - Czyni ze stringu odsyłacz
small() - Nadaje atrybut small
strike() - Nadaje atrybut strike through (linia przekreślająca ciąg)
sub() - Nadaje atrybut subscript
substring(indeksPoczątku,indeksKońca) - Zwraca łańcuch rozpoczynający się od pewnego znaku i kończący na innym znaku
sup() - Nadaje atrybut superscript
toLowerCase() - Nadaje atrybut lower case
toUpperCase() - Nadaje atrybut upper case

Obiekt submit

Obiekt submit tworzy przycisk submit (wyślij) w formularzu, i musi być zdefiniowany w ramach znaczników <FORM> i </FORM>.
Aby uzyskać dostęp do własności i metod, użyj submit.property lub submit.method, gdzie property lub method pochodzi z poniższej listy.
Przycisk submit wygląda następująco:

Składnia:
<INPUT TYPE="SUBMIT" NAME="NAME" VALUE="Text"> NAME jest nazwą przycisku, a VALUE jest tekstem wyświetlanym na przycisku.
Własności: name i value
Metody: click

Obiekt text

Obiekt text tworzy pole tekstowe, w którym można coś wpisywać. Pola tekstowe mają żywotne znaczenie dla formularzy.
Obiekt text musi być zdefiniowany w ramach znaczników <FORM> i </FORM>.
Pole tekstowe wygląda następująco:

Obiekt textarea

Obiekt textarea (obszar tekstowy) działa wewnątrz znaczników <FORM> and </FORM> i pozwala użytkownikowi wprowadzić do formularza kilka wierszy tekstu.
Aby uzyskać dostęp do metod i własności, użyj textarea.method lub textarea.property, gdzie property lub method pochodzi z poniższej listy.
Obszar tekstowy:

Obiekt window

Obiekt window jest najwyższym w hierarchii obiektem dla każdego obiektu location, history lub document.

Składnia: window = window.open("URL", "NAME" {,"Features"}) window jwest nazwą okna, URL jest adresem URL strony, którą chcesz otworzyć, NAME jest nazwą okna, a Features określa wielkość okna etc.
Jest wiele sposobów dostępu do własności i metod okna. Oto ich lista:

• methodName(specifications)
  
• parent.property
  
• parent.method(specifications)
  
• propertyName
  
• self.property
  
• self.method(specifications)
  
• top.property
  
• top.method(specifications)
  
• window.property
  
• window.method(specifications)
  
• var.property
  
• var.method(specifications)
  property jest jedną z własności wymienionych poniżej, method jedną z podanych niżej metod, a var jest nazwą okna.