POLITECHNIKA KOSZALIŃSKA
PRACA PRZEJŚCIOWA
pod kierownictwem:
mgr. inż. Tomasza Królikowskiego
TEMAT:
FUNKCJE I OBIEKTY
JAVA SCRIPT
PODGÓRSKI PIOTR
IZK SEM. VII
APLIKACJE INTERNETOWE
SPIS TREŚCI
1. WSTĘP
JavaScript to nazwa języka programowania opracowanego przez frimy Sun Microsystems i Netscape. Umożliwia on umieszczanie na stronach WWW aktywnych elementów, takich jak przyciski zmieniające wygląd, gdy przesunie się nad nimi myszką, tekst przesuwający się w pasku statusu przeglądarki czy odsyłacze otwierające nowe okna. To są najbardziej popularne zastosowania, ale można też tworzyć bardziej skomplikowane i pożyteczniejsze skrypty. JS jest obsługiwany przez wszystkie (dwie) główne przeglądarki, czyli IE i NN, ale także przez niektóre mniej znane, jak np. Opera 3.20. Język ten jest także stosowany do innych celów, nie związanych bezpośrednio z przeglądarką WWW - w JS można pisać ASP, można go wykorzystać przy automatyzacji zadań w różnych aplikacjach (np. MS Office, Star Office, czy sam Windows 98), jest on wreszcie wykorzystywany przy budowaniu programów (vide projekt Mozilla ).
JS, jak sama nazwa wskazuje, jest skryptowym językiem programowania. Kod (skrypt) umieszcza się bezpośrednio w dokumenicie HTML (choc są wyjątki) i jest on kompilowany (albo raczej interpretowany) dopiero przez przeglądarkę użytkownika. Dzięki temu JS, podobnie jak Java, jest uniwersalny i może być wykorzystywany we wszystkich systemach operacyjnych, jeśli tylko przeglądarka WWW na to pozwala. Oprócz tego JS posiada mniejsze możliwości niż często mylona z nim Java (czyli pełnowartościowy, wieloplatformowy język programowania). Nie można tu przykładowo zapisywać i odczytywać żadnych plików (wyjątkiem jest JScript) albo uruchamiać innych aplikacji.
2. FUNKCJE
Funkcja to blok instrukcji, który będzie wykonywany dopiero po jej wywołaniu.
Funkcje mogą zawierać wywołania innych funkcji. Każda funkcja musi zawierać swoją, niepowtarzającą się nazwę.
Funkcje mogą też zawierać argumenty tzn. wartości od których będzie uzależnione działanie funkcji.
Definicję funkcji rozpoczyna się słowem function:
function nazwa_funkcji(argumenty)
{ polecenia;
return wartość }
Definicję funkcji należy umieszczać pomiędzy znacznikami <HEAD> i </HEAD>.
Należy pamiętać, aby argumenty oddzielać przecinkami, a polecenia średnikami.
Polecenie return zwraca konkretną wartość jako wynik działania funkcji.
Można go nie podawać, wtedy funkcja zwróci wartość null.
Wywoływanie funkcji:
Definicja funkcji nie wykonuje jej. Definicja funkcji to prosta nazwa i sposób jej działania. Wywołanie funkcji w rzeczywistości wykonuje funkcje z wskazanymi parametrami.
Argumentami funkcji nie muszą być string czy liczba, ale również obiekt, zmienna lub inna funkcja.
Funkcja może być rekursywna, tzn może wywoływać samą siebie.
2.1 Funkcja ecsape:
Funkcja ecsape () pozwala na zakodowanie i odkodowanie stringu. Funkcja ta zwraca kod szesnastkowy dla argumentu ustawionego w standardzie ISO Latin. Większość znaków niealfanumerycznych - choć nie wszystkie - zamieniana jest na znaki zakodowane za pomocą funkcji escape (). Wyjątek stanowi znak plus, który w adresach używany jest do oddzielania elementów łańcuchów przesyłanych do wyszukiwarek.
Składnia:
escape("Text")
2.2 Funkcja eval:
Funkcja eval (łańcuch) przekształca łańcuchowe wersje odwołania do obiektu na odwołanie rzeczywiste. Za pomocą funkcji eval () przeliczyć można dowolną instrukcję JavaScript bądź też wyrażenie zapamiętane w postaci łańcucha. Dotyczy to także łańcuchowych odpowiedników wyrażeń arytmetycznych, przypisania wartości do obiektów i wywołań metod obiektów. Składnia:
eval(wyrażenie)
gdzie wyrażenie to string do obliczenia. Jeśli string jest reprezentowany przez wyrażenie, funkcja eval () oblicza je. Jeśli argument jest reprezentowany przez jeden lub więcej wyrażeń JavaScript, funkcja eval () wykona wyrażenie. Funkcji eval () nie powinno się wywoływać do obliczania wyrażeń arytmetycznych; JavaScript oblicza wyrażenia arytmetyczne automatycznie.
2.3 Funkcja sFinite:
Funkcja ta oblicza argument do ustalenia czy jest to liczba skończona.
sFinite(number)
gdzie number to liczba do wyliczenia.
Jeśli wynikiem jest NaN, liczba nieskończona dodatnia lub ujemna, metoda ta zwraca false, w przeciwnym wypadku true.
2.4 Funkcja inNaN:
Funkcja określa, czy wartość przekazana do niej jest liczbą, czy też nie.
Składnia:
inNaN(value)
Użycie funkcji isNaN () jest zatem wskazane przed wykonaniem jakichkolwiek obliczeń. Wykorzystuje się ją najczęściej do sprawdzania wyników zwracanych przez funkcje parseInt () i parseFloat (). Jeśli okazuje się, że zamiana przekazanych do tych funkcji łańcuchów na liczby nie jest możliwa, wówczas zwracają one wartość NaN. Funkcja isNaN () zwraca wartość true jeśli przekazana do niej wartość nie jest liczbą.
2.5 Funkcja number():
Funkcje number() pozwala na konwersje obiektu do liczby.
Z funkcji number () korzystamy wówczas, gdy w skrypcie nieistotna jest dokładność wartości, o tym, czy zwrócona wartość będzie liczbą zmiennoprzecinkową bądź całkowitą decydować ma zawartość przekazywanego do funkcji łańcuch.
Składnia:
Number(objRef)
gdzie objRef jest obiektem odniesienia.
2.6 Funkcja parseInt ():
Funkcja parseInt () konwertuje łańcuch znaków na liczbę całkowitą.
Składnia:
parseInt(str [, radix])
Funkcja dokonuje rozbioru stringu na liczbę całkowitą określoną przez podstawę (radix), określoną przez drugi opcjonalny parametr, radix. Dla przykładu jeśli radix równa się 10 to sygnalizuje konwersję na liczby dziesiętne, 8 na ósemkowe, 16 na heksagonalne.
Jeśli funkcja spotka się z znakiem, który nie jest liczbą w wyspecyfikowanej podstawie, jest ignorowany ten znak i każdy następny, zwracana jest wartość stringu do tego miejsca. Jeśli pierwszy znak nie może być skonwertowany zwracany jest "NaN".
2.7 Funkcja parseFloat ():
Funkcja parseFloat () zwraca wartości numeryczne z danego stringu.
Składnia:
parseFloat(str)
Zwraca wartosć zmiennoprzecinkową. Jeśli funkcja spotka inny znak niż (+ lub -), cyfrę (0-9), kropkę decymalną lub eksponent zwróci wartosć do tego punktu i zignoruje ten znak i każdy następny. Jeśli pierwszy znak nie może być skonwertowany na liczbę, zwrócony zostanie "NaN". Dodatkowy, opcjonalny parametr funkcji parseFloat () pozwala zdefiniować podstawę systemu liczbowego, na który przekształcony zostanie łańcuch. Jeśli parametr ten nie zostanie określony, interpreter spróbuje odgadnąć go samodzielnie.
2.8 Funkcja unescape ():
Funkcja unescape (), używana niekiedy w skryptach z hasłem lub szyfrujących, dekoduje łańcuch znaków zakodowany za pomocą escape.
Składnia:
unescape("TextToUnescape")
Aby dokonać powtórnej zamiany łańcucha zapisanego z wykorzystaniem znaków zakodowanych do formy tradycyjnej, użyć należy funkcji unescape (). Funkcja ta zwraca łańcuch otrzymywany po odtworzeniu zakodowanych adresów URL, w tym adresów zakodowanych z wykorzystaniem opcjonalnego parametru.
2.9 Funkcja watch ():
Do śledzenie żądanego obiektu lub właściwości wykorzystywana jest funkcja watch (). Jeśli wartość tej właściwości zostanie określona w instrukcji przypisania, wówczas funkcja wywoła inną, wskazaną przez użytkownika funkcji, do której przekazana zostanie nazwa właściwości oraz jej stara i nowa wartość. Funkcja watch () może się jednak okazać bardzo pomocna podczas uruchamiania skryptów, kiedy zechcemy monitorować jego wewnętrzną pracę.
2.10 Funkcja unwatch ():
Odwrotnie do funkcji watch () działa funkcja unwatch () - wyłącza ona śledzenie wartości właściwości wskazanej w wywołaniu.
3. OBIEKTY
Ważną rolę w JS odgrywają obiekty. Można je tworzyć samemu lub korzystać z już gotowych, udostępnianych przez przeglądarkę, a reprezentujących np. elementy dokumentu HTML. Każdy obiekt może mieć pewne własności i metody. Własność obiektu zachowuje się jak zmienna (albo kolejny obiekt), a metoda to nic innego jak funkcja odnosząca się do obiektu.
Własności i metody obiektów wywołuje się następująco:
obiekt.własność
obiekt.metoda()
3.1 OBIEKT anchor:
Po otwarciu dokumentów, przeglądarki z interpreterem JavaScript tworzą wewnętrzną listę obiektów anchor (odnośników) zdefiniowanych w dokumencie i zajmują się zarządzaniem tą listą. Lista ta zapamiętywana jest jako tablica. Odwołania do obiektów anchor, analogicznie jak odwołania do łącz, tworzone są z wykorzystaniem indeksów i właściwości document.anchor [indeks].
Tworzenie obiektu typ anchor:
<A NAME="nazwaOdnosnika"
tekstLubRysunekWyswietlanyWOdnosniku
</A>
3.1 OBIEKT applet:
Aplety zajmują wydzielone, prostokątne obszary strony (może to być tylko jeden piksel w przypadku apletów) i funkcjonują tylko wewnątrz tych obszarów. Aplety zawierają zwykle właściwości publiczne przypominające nieco zmienne globalne w JavaScript i metody publiczne, które porównać można do funkcji JavaScriptu. Jedną z najistotniejszych rzeczy, na które należy zwrócić uwagę podczas korzystania z apletów jest to, że skrypt nie może odwoływać się o nich jako do obiektów, dopóki nie zostaną one w całości pobrane oraz zainicjalizowane w przeglądarce. Do apletu, w przeciwieństwie do rysunku, nie można skierować zapytania, czy został on już pobrany.
Tworzenie obiektu typu applet:
<APPLET
CODE="AdresURLApletu"
NAME="NazwaApletu"
HEIGHT="LiczbaPikseli"
WIDTH="LiczbaPikseli"
[ CODEBASE="KatalogZPlikiemKlasy"]
[ALT="TekstZastępczy"]
[ALIGN="Wyrównanie"]
[HSPACE="LiczbaPikseliMarginesu"]
[VSPACE="LiczbaPikseliMarginesu"]>
<PARAM NAME="nazwaParametruApletu" VALUE="wartośćParametru">
...
<PARAM NAME="nazwaParametruApletu" VALUE="wartośćParametru">
</APPLET>
3.2 OBIEKT Array:
Obiekt Array służy do tworzonia tablic w dokumentach HTML. Obiekt posiada metody do wykonywania różnych operacji na tablicach (np. łączenie, sortowanie), także właściwości np. do określania ich długości.
Tworzenie tablic odbywa się według schematu:
Tablica=new Array(pierwszy element, drugi element, ..., ostatni element);
Zmianę wartości elementu dokonujemy jak poniżej:
Tablica[6] = "wartość";
Oto spis wszystkich metod obiektu Array
METODA |
OPIS |
concat |
Łączy dwie tablice, tworząc nową |
join |
Łączy wszystkie elementy tablicy w łańcuch tekstowy |
pop |
Usuwa ostatni element tablicy |
push |
Dodaje jeden lub kilka elementów tablicy |
reverse |
Odwraca kolejność elementów w tablicy |
shift |
Usuwa pierwszy element tablicy |
splice |
Dodaje lub usuwa elementy tablicy |
sort |
Sortuje elementy tablicy |
Najczęściej używaną właściwością obiektu Array jest lenght. Właściwość ta zwraca ilość elementów w tablicy.
3.3 OBIEKT Boolean:
Obiekt Boolean służy do obsługi zmiennych logicznych. Przydatny jest wtedy, gdy jest potrzeba przekonwertowania wartości na zmienną logiczną.
Przykłady wykorzystania obiektu Boolean:
PRZYKŁAD |
WARTOŚĆ |
zmienna=new Boolean() |
false |
zmienna=new Boolean("") |
false |
zmienna=new Boolean(false) |
false |
zmienna=new Boolean(true) |
true |
zmienna=new Boolean(1 |
true |
Obiekt Boolean posiada jedną właściwość. Jest nią valueOf. Zwraca ona wartość obiektu Boolean.
Tworzenie obiektu Boolean:
var val = new Boolean
(wartość Boolowska)
W JavaScript wartości boolowskie wykorzystywane są niezwykle często - zwłaszcza w sprawdzeniach dokonywanych w instrukcjach warunkowych. Jako parametry konstruktora wykorzystywane mogą być wartości boolowskie zapisane jako łańcuchy, liczby - przy czym 0 odpowiada wartości false, a dowolna inna liczba wartości true - i wyrażenia przyjmujące wartości boolowskie. Każdy nowo utworzony obiekt boolowski zawierać wówczas będzie nowe właściwości i metody, które za pomocą właściwości prototype dodano do obiektu Boolean z rdzenia języka.
3.4 OBIEKT checkbox:
Obiekty checkbox (pola wyboru) w nowoczesnych interfejsach graficznych spełniają ściśle określoną rolę: włączają i wyłączają różne ustawienia. Zaznaczenie w polu wyboru sygnalizuje, że tekst etykiety obok jest prawdziwy lub, że osoba wypełniająca formularz prosi o uwzględnienie opisywanej obok opcji. Jeśli pole jest puste (brak w nim zaznaczenie), tekst etykiety jest fałszywy lub wypełniający nie decyduje się na daną opcję. Każde pole wyboru opisuje indywidualne, niezależne od pozostałych ustawienie.
Tworzenie pola checkbox:
<FORM>
<INPUT
TYPE="checkbox"
NAME="nazwaPola"
VALUE="jakaśWartość"
[CHECKED]
[onClick="instrukcjeLubWywołaniaFunkcji"]
[onMouseDown="instrukcjeLubWywołanieFunkcji"]
[onMouseUp="instrukcjeLubWywołanieFunkcji"] >
tekstPrzycisku
</FORM>
Najbardziej podstawowa właściwość pola wyboru - właściwość checkbox informuje, czy pole wyboru jest, czy nie jest zaznaczone. Jeśli pole jest zaznaczone, właściwość to przyjmuje wartość true, jeśli nie, wartość false. Aby pole wyboru zaznaczyć za pomocą skryptu, do właściwości checkbox, wystarczy przypisać wartość true:
document.forms[0].nazwaPola.checkbox = true
Właściwości
name |
łańcuch zawierający nazwę bieżącego elementu; jest odpowiednikiem atrybutu NAME |
value |
łańcuch który przyjmuje wartość ON jeśli bieżący element (tj. checkbox) jest włączony i wartość OFF jeśli element jest wyłączony (niezaznaczony); odpowiada atrybutowi VALUE |
checked |
zawiera wartość boolowską określającą stan bieżącego elementu (TRUE - włączony [zaznaczony], FALSE - wyłączony [niezaznaczony]) |
defaultValue |
określa stan początkowy bieżącego elementu (włączony/wyłączony) |
Metody
click() |
symuluje kliknięcie myszą na bieżącym elemencie, ale nie wywołuje zdarzenia onClick |
focus() |
uaktywnia bieżący element (podświetla go, ale nie zmienia jego stanu); nie wywołuje zdarzenia onFocus |
blur() |
usuwa aktywność bieżącego elementu (nie zmienia jego stanu); nie wywołuje zdarzenia onBlur |
Obsługa zdarzeń
onClick() |
wykonywane kiedy użytkownik kliknie na bieżącym elemencie |
onFocus() |
wykonywane kiedy użytkownik podświetli (aktywuje) bieżący element |
onBlur() |
wykonywane kiedy użytkownik deaktywuje bieżący element |
3.5 OBIEKT Date:
Obiekt Date służy do korzystania z daty i godziny w dokumentach HTML. Posiada on dużą liczbę metod do manipulowania datą i godziną. Tworząc obiekt Date, przypisujemy go do nazwy zmiennej. Obiekt Date, podobnie jak szereg innych obiektów JavaScript, posiada też właściwości prototype, umożliwiającą przepisywanie do każdego nowo tworzonego na stronie obiektu Date nowych właściwości i metod. Zdecydowana większość metod obiektu Date przeznaczona jest bądź to do odczytu części informacji o dacie i czasie, bądź to do zmiany daty i czasu zapamiętanych w obiekcie. JavaScript przechowuje informacje o dacie, zliczając liczbę milisekund, jakie upłynęły począwszy od 1 stycznia 1970 roku w strefie czasu GMT. Daty przed punktem początkowym zapamiętywane są w postaci wartości ujemnych. Bez względu na to, gdzie mieszkasz i bez względu na ustawienia daty i czasu w komputerze, milisekundy pozostają zawsze uniwersalnym sposobem obliczania dat przez interpreter JavaScript.
Deklaracja obiektu odbywa się według schematu:
dzisiaj=new Date("rok, miesiąc, dzień, godzina, minuta, sekunda"); , gdzie:
rok - liczba wyższa od 1900
miesiąc - liczba od 0 do 11 (0 - styczeń)
dzień - liczba od 1 do 31
godzina - liczba od 0 do 23
minuta - liczba od 0 do 59 (0 - styczeń)
sekunda - liczba od 0 do 59
Przykłady:
data=new Date(99, 23, 10, 17, 51, 23);
Oto spis wszystkich metod obiektu Date:
METODA |
OPIS |
getDate |
Zwraca dzien miesiąca |
getDay |
Zwraca dzień tygodnia |
getHours |
Zwraca godzinę |
getMinutes |
Zwraca minutę |
getMonth |
Zwraca numer miesiąca |
getSeconds |
Zwraca sekundy |
getYear |
Zwraca rok |
setDate |
Ustawia dzień miesiąca |
setDay |
Ustawia dzień tygodnia |
setHours |
Ustawia godzinę |
setMinutes |
Ustawia minutę |
setMonth |
Ustawia numer miesiąca |
setSeconds |
Ustawia sekundy |
setYear |
Ustawia rok |
toGMString |
Zamienia datę na łańcuch |
getTime |
Zwraca ilość milisekund od 1970 r. |
setTime |
Ustawia ilość milisekund od 1970 r. |
3.6 OBIEKT document:
Na obiekt document składają się wszystkie elementy obszaru okna lub ramki, w którym wyświetlana jest strona. Dokument jest połączeniem treści i elementów interfejsu, które wspólnie mogą przyczyniać się do tego, że strona warta jest odwiedzenia.
Tworzenie obiektu typu document:
<BODY
[BACKGROUND="adresURLRysunkuTła"]
[BGCOLOR="#kolorTła"]
[TEXT="#kolorCzcionki"]
[LINK="#kolorŁączanieodwiedzanego"]
[ALINK="#kolorŁączaUaktywnionego"]
[VLINK="#kolorŁączaOdwiedzanego"]
[onClick="instrukcjeLubWywołanieFunkcji"]
[onDblClick="instrukcjeLubWywołanieFunkcji"]
[onMouseDown="instrukcjeLubWywołanieFunkcji"]
[onMouseUp="instrukcjeLubWywołanieFunkcji"]
[onKeyDown="instrukcjeLubWywołanieFunkcji"]
[onKeyPress="instrukcjeLubWywołanieFunkcji"]
[onKeyUp="instrukcjeLubWywołanieFunkcji"]
[onLoad="instrukcjeLubWywołanieFunkcji"]
[onUnload="instrukcjeLubWywołanieFunkcji"]
[onBlur="instrukcjeLubWywołanieFunkcji"]
[onFocus="instrukcjeLubWywołanieFunkcji"]
[onMove="instrukcjeLubWywołanieFunkcji"]
[onResize="instrukcjeLubWywołanieFunkcji"]
[onDragDrop="instrukcjeLubWywołanieFunkcji"]
</BODY>
Właściwości
title |
łańcuch określający tytuł dokumentu; jeśli tytuł nie został zdefiniowany jego wartość jest 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; jeśli serwer nie wyśle tej informacji do klienta, JavaScript ustawia wartość na 0 (tj. 1 styczeń 1970 GMT) |
referrer |
zawiera adres URL, spod którego wywołany został bieżący dokument |
bgColor |
łańcuch określający kolor tła dokumentu; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #FF0000 - kolor czerwony); jest odpowiednikiem atrybutu BGCOLOR znacznika <BODY> |
fgColor |
łańcuch określający kolor tekstu w dokumencie; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #000000 - kolor czarny); jest odpowiednikiem atrybutu TEXT znacznika <BODY> |
linkColor |
łańcuch określający kolor odsyłaczy hipertekstowych w dokumencie; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #0000FF - kolor niebieski); jest odpowiednikiem atrybutu LINK znacznika <BODY> |
vlinkColor |
łańcuch określający kolor odwiedzonych odsyłaczy hipertekstowych; jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #00FF00 - kolor zielony); jest odpowiednikiem atrybutu VLINK znacznika <BODY> |
alinkColor |
łańcuch określający kolor aktywnego odsyłacza hipertekstowego (odsyłacz nad którym znajduje się aktualnie kursor myszki); jest wyrażony w postaci wartości szesnastkowej, określającej poziom intensywności kolorów RGB (np. #0000FF - kolor niebieski); jest odpowiednikiem atrybutu ALINK znacznika <BODY> |
forms |
tablica zawierająca pozycję każdego formularza; przykład użycia w przypadku formularza o nazwie formularz1: |
forms.length |
przechowuje wartość ilości formularzy w dokumencie |
links |
tablica zawierająca pozycję każdego obiektu Area (<AREA HREF=""> </AREA>) i Link (<A HREF=""> </A>), tj. odsyłaczy, w dokumencie; każdemu odsyłaczowi odpowiada jeden obiekt Area lub obiekt Link |
links.length |
przechowuje wartość ilości odsyłaczy (obiektów Link i Area) w dokumencie |
anchors |
tablica zawierająca pozycję każdego zakotwiczenia (<A NAME=""> </A>) |
anchors.length |
przechowuje wartość ilości zakotwiczeń w dokumencie |
Metody
write("łańcuch") |
wypisuje wyrażenie HTML (łańcuch, który może zawierać znaczniki HTML, w tym przypadku jest to łańcuch zawierający napis: łańcuch) w dokumencie w bieżącym oknie |
writeln("łańcuch") |
działa podobnie jak write("łańcuch"), z tą jednak różnicą, że na końcu dodaje znak przejścia do następnej linii; HTML ignoruje przejście do nowej linii chyba, że znajduje się to wewnątrz znacznika <PRE> </PRE> |
clear() |
czyści zawartość bieżącego okna |
close() |
powoduje zamknięcie bieżącego okna |
3.7 OBIEKT file:
Obiekt file to jedyny element interfejsu pozwalający użytkownikom określić, który plik z komputera lokalnego należy przesłać do serwera. Obiekt file wyświetlany jest na stronie jako para: pole tekstowe i przycisk Browse (Przeglądaj). Przycisk Browse powoduje wyświetlanie okna dialogowego służącego do otwierania plików, w którym użytkownik może wskazać żądany plik. Po dokonaniu wyboru, w polu tekstowym obiektu file wyświetlana jest nazwa pliku lub, w zależności od systemu operacyjnego, pełna ścieżka. Sterowanie obiektem file po stronie klienta nie wymaga użycia zbyt rozbudowanych skryptów.
Tworzenie obiektu file:
<FORM>
<INPUT
TYPE="file"
[NAME="nazwaObiektuFile"]
[SIZE="liczbaZnaków"]>
</INPUT>
</FORM>
3.8 OBIEKT Form:
Pozwala użytkownikowi wprowadzić tekst i dokonać wyboru przy pomocy elementów formularza, tj. przyciski, przełączniki, pola tekstowe, listy wyboru. Odpowiada znacznikowi <FORM> w dokumencie HTML. Każdy formularz posiada osobny obiekt form.
Tworzenie obiektu Form:
<FORM
[NAME="nazwaFormularza"]
[TARGET="nazwaOkna"]
[ACTION="adresURLSerwera"]
[METHOD=GET | POST]
[ENCTYPE="typZawartościMime"]
[onReset="instrukcjaLubWywołanieFunkcji"]
[onSubmit="instrukcjeLubWywołanieFunkcji"] >
</FORM>
Właściwości
name |
łańcuch określający nazwę formularza; odpowiada atrybutowi NAME |
method |
łańcuch określający sposób wysyłania formularza do serwera; odpowiada atrybutowi METHOD |
action |
łańcuch określający docelowy adres URL, pod który zostanie wysłany formularz; odpowiada atrybutowi ACTION |
target |
łańcuch określający nazwę okna do którego zostanie przesłana odpowiedź po wypełnieniu i wysłaniu formularza; odpowiada atrybutowi TARGET |
elements[indeks] |
tablica obiektów (elementów) formularza takich jak przyciski, przełączniki, klucze pola tekstowe, listy wyboru |
length |
zawiera informację o ilości elementów w formularzu; można otrzymać tą samą informację wpisując: form.elements.length |
Metody
submit() |
symuluje wciśnięcie przycisku typu submit; powoduje wysłanie formularza; nie wywołuje zdarzenia onSubmit() |
reset() |
symuluje wciśnięcie przycisku typu reset w formularzu; ustawia wszystkie wartości elementów formularza na wartości domyślne; nie wywołuje zdarzenia onReset() |
Obsługa zdarzeń
onSubmit() |
wykonywane w momencie wciśnięcia przycisku typu submit |
onReset() |
wykonywane w momencie wciśnięcia przycisku typu reset |
3.9 OBIEKT frame:
Obiekt frame (ramka) to okno znajdujące się wewnątrz okna głównego w przeglądarce. Właściwości i metody są bardzo podobne do właściwości i metod obiektu window (brak jest jedynie właściwości name, status oraz defaultStatus).
Tworzenie obiektu frame:
<FRAMESET
ROWS='ListaWartości"
COLS="ListaWartości"
[FRAMEBORDER=YES | NO
[BORDER='LiczbaPikseli]
[BORDERCOLOR="określenieKoloru]
[onBlur="instrukcjaLubFunkcja"]
[onDragDrop="instrukcjaLubFunkcja"]
[onFocus="instrukcjaLubFunkcja"]
[onLoad="instrukcjaLubFunkcja"]
[onLoad="instrukcjaLubFunkcja"]
[onMove="instrukcjaLubFunkcja"]
[onResize="instrukcjaLubFunkcja"]
[onUnload="instrukcjaLubFunkcja"] >
<FRAME
SRC="lokalizacjaLubURL"
NAME="nazwaPierwszejRamki"
[FRAMEBORDER= YES | NO]
[BORDERCOLOR= określenieKoloru]
[MARGINHEIGHT= liczbaPikseki]
[MARGINWIDTH= liczbaPikseli]
[NORESIZE]
[SCROLLING=YES | NO | AUTO] >
. . . .
</FRAMSET>
3.10 OBIEKT Function:
Obiekt służy do definiowania funkcji za pomocą operatorów. Deklaracja obiektu odbywa się według schematu:
funkcja=new Function(arg_1, arg_2, arg_3, ..., kod_funkcji);,
gdzie:
arg_1, arg_2, arg_3 - parametry funkcji
kod funkcji - ciąg poleceń JavyScript (ciało funkcji)
Przykład:
Deklaracja funkcji:
Kolortla = new Function(kolor, "document.bgColor=kolor");
Wywołanie funkcji:
Kolortla("gold");
3.11 OBIEKT hidden:
Obiekt hidden, którego zawartość nie jest widoczna dla użytkownika umożliwia przechowywanie w obiekcie form łańcuchów. Obiekt ten, pozbawiony metod i zdarzeń może być w skryptach przydatny do przechowywania stałych i wartości wykorzystywanych do przesłania.
Obiekt hidden odgrywa niesłychanie istotną rolę w aplikacjach współpracujących z działającymi na serwerze skryptami CGI. Program CGI może wygenerować stronę HTML zawierającą potrzebne, lecz ukryte przed użytkownikiem dane, które zlokalizowane będą w polu przekazywanym do serwera w chwili przesłania formularza.
Tworzenie obiektu hidden:
<FORM>
<INPUT
TYPE="hidden"
NAME="nazwaPola"
[VALUE="zawartość"] >
</FORM>
3.12 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
3.13 OBIEKT image:
Najważniejsze korzyści wynikające z zastosowania obiektu image to możliwość odczytywania za pomocą skryptów różnych właściwości rysunków oraz, co najważniejsze, możliwość zmiany rysunku wyświetlanego w prostokątnym obszarze zajmowanym na stronie przez obiekt image.
Tworzenie obiektu image:
<IMG
SRC="AdresURLRysunku"
[LOWSCR="AdresURLRysunkuOMałejRozdzielczości"]
NAME="NazwaRysunku"
[HEIGHT="LiczbaPikseli" | "WartośćWProcentach%"]
[WIDTH="LiczbaPikseli" | "WartośćWProcentach%"]
[HSPACE="LiczbaPikseli"]
[VSPACE="LiczbaPikseli"]
[BORDER="LiczbaPikseli"]
[ALIGN="left" | "right" | "top" | "absmiddle" | "absbottom" |
"texttop" | "middle" | "baseline" | "bottom"
[ISMAP]
[USEMAP="#NazwaMapy"]
[onLoad="instrukcjeLubWywołanieFunkcji"]
[onAbord="instrukcjeLubWywołanieFunkcji"]
[onError="instrukcjeLubWywołanieFunkcji"] >
</BODY>
3.14 OBIEKT layer:
Obiekt layer (warstwa), choć zwiększa niestety liczbę znaczników, dobrze nadaje się do tworzenia interesujących efektów animacyjnych. Obiekt layer posiada sporo właściwości i metod umożliwiających określenie pozycji, widoczności oraz kolejności warstw na stronie.
Tworzenie obiektu layer:
<LAYER | ILAYER
ID="NazwaWarstwy"
SCR="AdresURLDokumentu"
[LEFT="LiczbaPikseli"]
[TOP="LiczbaPikseli"]
[PAGEX="LiczbaPikseli"]
[PAGEY="LiczbaPikseli"]
[ABOVE="NazwaInnejWarstwy"]
[BELOW="NazwaInnejWarstwy"]
[Z - INDEX="IndeksWarstwy"]
[HEIGHT="LiczbaPikseli' | "WartośćProcentowa%"]
[WIDTH="LiczbaPikseli" | "WartośćProcentowa%"]
[CLIP="LewyPiksel, GórnyPiksel, PrawyPiksel, DolnyPiksel"]
[BGCOLOR="TrypletHeksadecmalny" | "NazwaKoloru"]
[BACKGROUND="AdresURLRysunku"]
[VISIBILITY="SHOW" | "HIDDEN" | "INHERIT"]
[onBlur="instrukcjeLubWywołanieFunkcji"]
[onFocus="instrukcjeLubWywołanieFunkcji"]
[onLoad="instrukcjeLubWywołanieFunkcji"]
[onMouseOut="instrukcjeLubWywołanieFunkcji"]
[onMouseOver="instrukcjeLubWywołanieFunkcji"] >
</LAYER | /ILAYER
3.15 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
3.16 OBIEKT location:
Obiekt location, w hierarchii obiektów umieszczony jest poniżej obiektów typu window, zawiera informacje na temat adresu URL okna lub ramki. W oknach wieloramkowych, w polu adresu wyświetlany jest adres URL okna z definicją ramek. Z każdą z ramek potomnych również skojarzony jest jakiś adres, chociaż w oknie przeglądarki nie jest on nigdzie widoczny. Aby odczytać adres URL dokumentu umieszczonego w innej ramce, odwołanie do obiektu location należy poprzedzić odwołaniem do okna żądanej ramki.
Właściwości
href |
łańcuch zawierający cały adres URL dokumentu |
protocol |
łańcuch zawierający początek adresy URL wraz z pierwszym dwukropkiem; przykładową wartością może być "http:" (HyperText Transfer Protocol) lub wartość "javascript:" (określa kod JavaScript) |
host |
łańcuch zawierający nazwę serwera, nazwę domeny, np. 'www.domena.pl' |
hostname |
łańcuch zawierający pełną nazwę serwera łącznie z numerem portu, przykład 'www.domena.pl:80' |
port |
łańcuch określający używany przez serwer port komunikacyjny; jeśli nie zostanie określona wartość portu, wtedy przyjmie on wartość 80; port jest numerem kanału wejściowego na serwer |
pathname |
łańcuch zawierający część adresy URL, tj. po trzecim ukośniku, np. '~user\katalog\index.html' |
hash |
łańcuch rozpoczynający się od '#', który określa nazwę zakotwiczenia w dokumencie; powoduje przejście do zakotwiczenia bez odświeżania dokumentu |
search |
łańcuch rozpoczynający się znakiem '?', który określa zapytanie w adresie URL; może on wyglądać następująco: '?x=3&y=7' |
3.17 OBIEKT Math:
Obiekt Math przechowuje wartości i funkcje matematyczne pozwalające wykonywać podstawowe operacje matematyczne.
Funkcje
FUNKCJA |
OPIS |
PRZYKŁAD |
WYNIK |
abs(liczba) |
Wartość bezwzględna |
Math.abs(-5) |
5 |
cos(alfa) |
Cosinus kąta w radianach |
Math.cos(Math.PI) |
-1 |
sin(alfa) |
Sinus kąta w radianach |
Math.sin(Math.PI) |
0 |
tan(alfa) |
Tangens kąta w radianach |
Math.tan(0) |
0 |
acos(alfa) |
Arcus cosinus kąta w radianach |
Math.acos(1) |
0 |
asin(alfa) |
Arcus sinus kąta w radianach |
Math.asin(0) |
0 |
atan(alfa) |
Arcus tangens kąta w radianach |
Math.atan(1) |
0.785398163397448 |
exp(x) |
Zwraca liczbę Eulera podniesioną do x potęgi |
Math.exp(1)(0) |
2.718281828459045 |
log(x) |
Odwrotność powyższej funkcji |
Math.log(1) |
0 |
ceil(x) |
Najmniejsza l. całkowita, niemniejsza od x |
Math.ceil(8.1) |
9 |
floor(x) |
Największa l. całkowita, niewiększa od x |
Math.floor(8.1) |
8 |
log(x) |
Odwrotność powyższej funkcji |
Math.log(1) |
0 |
max(x,y) |
Zwraca liczbę większą z podanych |
Math.max(4,3.9) |
4 |
min(x,y) |
Zwraca liczbę mniejszą z podanych |
Math.min(4,9) |
4 |
pow(x,y) |
Liczba x do potęgi y |
Math.pow(3,3) |
27 |
random() |
Zwraca liczbę losową z przedziału 0-1 |
Math.random() |
0.536296745237586 |
round(x) |
Zaokrąglenie x do liczby całkowitej |
Math.round(0.7) |
1 |
sqrt(x) |
Pierwiastek kwadratowy z x |
Math.sqrt(81) |
9 |
Stałe matematyczne
STAŁA |
OPIS |
PRZYBLIŻENIE |
E |
Stała Eulera |
2.718281828459045 |
LN10 |
Logarytm naturalny liczby 10 |
2.30585092994046 |
LN2 |
Logarytm naturalny liczby 2 |
0.693147180559945 |
LOG10E |
Baza logarytmu dziesiętnego |
0.4342944819032518 |
LOG2E |
Baza logarytmu o podstawie 2 |
1.4426950408889634 |
PI |
Liczba PI |
3.141592653589793 |
SQRT1_2 |
Pierwiastek kwadratowy z 1/2 |
0.7071067811865476 |
SQRT2 |
Pierwiastek z 2 |
1.414213562373095 |
3.18 OBIEKT navigator:
Obiekt navigator przechowuje informacje na temat używanej przeglądarki, jej wersji, itp.
Właściwości
appCodeName |
określa "codename" przeglądarki; w przypadku IE oraz Netscape jest to wartość "Mozilla" |
appVersion |
określa numer wersji przeglądarki |
userAgent |
przechowuje informacje na temat przeglądarki, tj. "codename", wersja, system operacyjny, itd. |
appName |
określa nazwę przeglądarki |
mimeTypes |
tablica wszystkich MIME obsługiwanych przez przeglądarkę |
platform |
określa typ środowiska, w którym jest uruchomiona przeglądarka (np. Win32, Win16, Mac68k, MacPPC, środowiska Unix) |
plugins |
tablica wszystkich zainstalowanych plug-inów przeglądarki |
3.19 OBIEKT number:
Z obiektu number korzysta się rzadko z uwagi na to, że w Javascript do wykonywania typowych operacji numerycznych wystarczają zwykle wartości liczbowe. Obiekt number przechowuje jednak pewne informacje i oferuje możliwości, które mogą być użyteczne dla poważnych programistów.
Tworzenie obiektu number:
var val = new Number (liczba)
3.20 OBIEKT password:
Pole tekstowe formularza, które w momencie wpisania jakiejkolwiek wartośći wyświetla wszystkie znaki jako *. Jest to pole, które może posłużyć do wprowadzania hasła dostępu.
Tworzenie obiektu password:
<FORM>
<INPUT
TYPE="password"
NAME="nazwaPola"
[VALUE="zawartość"]
[SIZE="liczbaZnaków"]
[MAXLENGHTH="maksymalnaLiczbaZnaków"]
[onBlur="instrukcjeLubWywołanieFunkcji"]
[onChange="instrukcjeLubWywołanieFunkcji"]
[onFocus="instrukcjeLubWywołanieFunkcji"]
[onKeyDown="instrukcjeLubWywołanieFunkcji"]
[onKeyPress="instrukcjeLubWywołanieFunkcji"]
[onKeyUp="instrukcjeLubWywołanieFunkcji"]
[onSelect="instrukcjeLubWywołanieFunkcji"]
</FORM>
Właściwości
defaultValue |
zawiera łańcuch przechowujący wartość domyślną (początkową) elementu formularza; odpowiada atrybutowi VALUE |
value |
zawiera aktualny łańcuch znajdujący się w polu tekstowym bieżącego elementu |
name |
zawiera łańcuch określający nazwę elementu; odpowiada atrybutowi NAME |
type |
określa rodzaj elementu formularza; w tym przypadku wartością jest PASSWORD; odpowiada atrybutowi TYPE |
Metody
focus() |
uaktywnia bieżący element (podświetla go, ale nie zmienia jego stanu); nie wywołuje zdarzenia onFocus |
blur() |
usuwa aktywność bieżącego elementu (nie zmienia jego stanu); nie wywołuje zdarzenia onBlur |
select() |
uaktywnia bieżący element (podświetla go) i umieszcza w polu tekstowym kursor; nie wywołuje zdarzenia onSelect |
Obsługa zdarzeń
onFocus() |
wykonywane kiedy użytkownik podświetli (aktywuje) bieżący element |
onBlur() |
wykonywane kiedy użytkownik deaktywuje bieżący element |
onSelect() |
wykonywane w momencie kliknięcia myszą na polu tekstowym elementu |
3.21 OBIEKT radio:
Element formularza umożliwiający wybór tylko jednego elementu z listy przez użytkownika wypełniającego formularz.
Tworzenie obiektu radio:
<FORM>
<INPUT
TYPE="radio"
NAME="nazwaGrupyPrzycisków"
VALUE="jakaWartość"
[CHECKED]
[onClick="instrukcjeLubWywołanieFunkcji"] >
tekstPrzycisku
</FORM>
Właściwości
name |
zawiera łańcuch przechowujący nazwę elementu; odpowiada atrybutowi NAME |
length |
|
value |
zawiera łańcuch przechowujący wartość danego elementu; odpowiada atrybutowi VALUE |
checked |
wartość boolowska pozwalająca programowo zaznaczyć bieżący element formularza |
defaultChecked |
wartość boolowska, która określa domyślne zaznaczenie/odznaczenie elementu; odpowiada atrybutowi CHECKED |
Metody
click() |
symuluje kliknięcie myszą na bieżącym elemencie, ale nie wywołuje zdarzenia onClick |
Obsługa zdarzeń
onClick() |
wykonywane kiedy użytkownik kliknie na bieżącym elemencie |
3.22 OBIEKT screen:
Obiekt screen, za pośrednictwem którego skrypty mogą sprawdzać rozmiar i ustawienia kolorów ekranu monitora używanego do wyświetlania strony. Poszczególne właściwości obiektu dobrano starannie w taki sposób, aby za ich pomocą można było odczytać nie tylko całkowitą szerokość i wysokość monitora, lecz również wysokość i szerokość dostępną po odjęciu obszar ekranu zajmowanego przez elementy interfejsu specyficzne dla danego systemu operacyjnego.
Tworzenie obiektu screen:
screen.właściwość
Właściwości: height i width
3.23 OBIEKT select:
Obiekt select to lista wyboru, która umożliwia użytkownikowi wypełniającemu formularz dokonanie wyboru jednego lub więcej elementów z listy. Obiekt select uznać można za najbardziej interesujący, spośród wszystkich standardowych obiektów graficzny element interfejsu użytkownika. Obiekty te mogą być wyświetlane na stronie jako rozwijane menu bądź pola z paskami przewijania.
Tworzenie obiektu select:
<FORM>
<SELECT
NAME="nazwaListy"
SIZE="liczba"
[MULTIPLE]
[onBlur="instrukcjeLubWywołanieFunkcji"]
[onChange="instrukcjeLubWywołanieFunkcji"]
[onFocus="instrukcjeLubWywołanieFunkcji"]
<OPTION [SELECTED] [VALUE="łańcuch"] >elementListy
[. . . <OPTION [VALUE="łańcuch"] >elementListy]
</SELECT>
</FORM>
Właściwości
length |
zawiera liczbę odpowiadającą ilości dostępnych pozycji do wyboru z bieżącej listy; jest to to samo co zapis: options.length |
name |
zawiera łańcuch przechowujący nazwę listy wyboru; odpowiada atrybutowi NAME |
selectIndex |
przechowuje wartość wybranej pozycji z listy lub wartość pierwszej wybranej pozycji z listy, jeśli wybranych jest ich więcej niż jedna |
options |
tablica zawierająca pozycje wszystkich elementów bieżącej listy wyboru |
options.text |
zawiera łańcuch który będzie wyświetlany w liście wyboru jako nazwa pozycji w liście |
options.value |
zawiera wartość jaka zostanie przesłana do serwera w momencie wybrania bieżącej pozycji i wysłaniu formularza |
options.selected |
wartość boolowska określająca stan wyboru bieżącej pozycji listy wyboru |
Metody
focus() |
uaktywnia bieżący element (podświetla go, ale nie zmienia jego stanu); nie wywołuje zdarzenia onFocus |
blur() |
usuwa aktywność bieżącego elementu (nie zmienia jego stanu); nie wywołuje zdarzenia onBlur |
Obsługa zdarzeń
onFocus() |
wykonywane kiedy użytkownik podświetli (aktywuje) bieżący element |
onBlur() |
wykonywane kiedy użytkownik deaktywuje bieżący element |
onChange() |
wykonywane kiedy użytkownik zmieni stan (wartość) bieżącego elementu |
3.24 OBIEKT String:
Obiekt String służy do pracy na łańcuchami tekstowymi w dokumentach HTML. Posiada on dużą liczbę metod do modyfikacji tekstu.
Tworzenie obiektu odbywa się według schematu:
Lancuch = new String(string);
gdzie string jest dowolnym łańcuchem tekstowym.
Przykład użycia:
tytul = new String("Internetowy kurs JavyScript");
Obiekt String posiada jedną właściwość. Jest nią length. Zwraca ona długość łańcucha tekstowego.
Oto spis wszystkich metod obiektu String:
METODA |
OPIS |
anchor("nazwa") |
Definiuje nazwę kotwicy |
big, blink, bold,fixed, |
Odpowiednio formatują tekst |
charAt(pozycja) |
Zwraca znak z określonej pozycji |
charCodeAt(pozycja) |
Zwraca kod znaku z określonej pozycji |
indexOf(łancuch1, łańcuch2) |
Zwraca pozycję pierwszego wystąpienia łańcucha1 w łańcuchu2 |
lastIndexOf(łancuch1, łańcuch2) |
Zwraca pozycję ostatniego wystąpienia łańcucha1 w łańcuchu2 |
link |
Tworzy odnośnik z tekstu |
concat(łańcuch2) |
Dołancza łańcuch2 do aktualnego łańcucha |
split(znak podziału, ilość) |
Łańcuch zostaje podzielony na pewną ilość podłańcuchów, |
slice(początek, koniec) |
Zwraca łańcuch o zadanym początku i końcu |
substr(początek, długość) |
Zwraca łańcuch o pewnej długości i zadanym początku |
toLowerCase |
Zamienia łańcuch na małe litery |
toUpperCase |
Zamienia łańcuch na wielkie litery |
3.25 OBIEKTY TEXT i TEXTAREA:
Obiekty TEXT i TEXTAREA są elementami formularz pozwalającymi użytkownikowi wprowadzić dowolny tekst. W przypadku obiektu TEXT ograniczeniem jest tylko jedna linia tekstu. TEXTAREA to pole formularza, które umożliwia wprowadzenie inforacji tekstowej bez ograniczeń co do ilości linii.
Tworzenie obiektu textarea:
<FORM>
<TEXTAREA
NAME="nazwaPola"
[ROWS="liczbaWierszy"]
[COLS="liczbaKolumn"]
[WRAP="off" | "virtual" | "physical"]
[onBlur="instrukcjeLubWywołanieFunkcji"]
[onChange="instrukcjeLubWywołanieFunkcji"]
[onFocus="instrukcjeLubWywołanieFunkcji"]
[onKeyDown="instrukcjeLubWywołanieFunkcji"]
[onKeyPress="instrukcjeLubWywołanieFunkcji"]
[onKeyUp="instrukcjeLubWywołanieFunkcji"]
[onSelect="instrukcjeLubWywołanieFunkcji"] >
textDomyślny
</TEXTAREA>
</FORM>
Właściwości
name |
łańcuch przechowujący nazwę elementu; odpowiada atrybutowi NAME |
value |
łańcuch przechowujący bieżącą zawartość tekstową znajdującą się w oknie tekstowym elementu |
defaultValue |
łańcuch przechowujący domyślną (początkową) wartość tekstową wyświetlaną w elemencie formularza; odpowiada atrybutowi VALUE |
Metody
focus() |
uaktywnia bieżący element (podświetla go, ale nie zmienia jego stanu); nie wywołuje zdarzenia onFocus |
blur() |
usuwa aktywność bieżącego elementu (nie zmienia jego stanu); nie wywołuje zdarzenia onBlur |
select() |
uaktywnia bieżący element (podświetla go) i umieszcza w polu tekstowym kursor; nie wywołuje zdarzenia onSelect |
Obsługa zdarzeń
onFocus() |
wykonywane kiedy użytkownik podświetli (aktywuje) bieżący element |
onBlur() |
wykonywane kiedy użytkownik deaktywuje bieżący element |
onSelect() |
wykonywane w momencie kliknięcia myszą na polu tekstowym elementu |
onChange() |
wykonywane kiedy wystąpi jakakolwiek zmiana w polu elementu zakończona opuszczeniem tego elementu |
3.26 OBIEKTY window:
Obiekt window (okno) zajmuje w hierarchii obiektów JavaScript szczególne miejsce, znajdując się na samym szczycie. Z uwagi na tak eksponowaną pozycję charakteryzuje się on kilkoma szczególnymi właściwościami.
Właściwości
frames |
macierz ramek potomnych w oknie; porządek w macierzy odpowiada porządkowi definiowania w dokumencie |
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 właścicielem wszystkich widocznych ramek; okna 'top' są swymi własnymi rodzicami |
status |
komunikat pojawiający się w pasku stanu okna przeglądarki |
defaultStatus |
komunikat pojawiający się w pasku stanu okna przeglądarki standardowo, które oczekuje na wprowadzenie jakichś danych przez użytkownika |
name |
wewnętrzny identyfikator okna otwartego metodą window.open() (może być niezdefiniowany) |
Metody
alert("komunikat") |
wyświetla okienko dialogowe "JavaScript Alert" z podanym komunikatem |
confirm("komunikat") |
wyświetla okno dialogowe "Confirm" (tj. okienko z przyciskiem OK i przyciskiem CANCEL) z podanym komunikatem; zwraca TRUE po użyciu przycisku OK, zaś FALSE po użyciu przycisku CANCEL |
prompt("komunikat") |
wyświetla okno dialogowe "Prompt" z podanym komunikatem, które oczekuje na wprowadzenie jakichś danych przez użytkownika |
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, w którym znajduje się instrukcja użycia tej metody ("samobójstwo okna") |
Tworzenie obiektu window:
obiekt_window = window.open ( [parametry] )
4. LITERATURA:
1. Danny Goodman - "JavaScript - Księga Eksperta".
9