javascript. ćwiczenia praktyczne full, ebooki
[ Pobierz całość w formacie PDF ]
2
JavaScript. wiczenia praktyczne
Obiekt Math........................................................................................................................53
Obiekt Date.........................................................................................................................55
Obiekt document.................................................................................................................57
Obiekt window....................................................................................................................62
Rozdział 5. Zdarzenia i formularze................................................................................................................65
Zdarzenia onLoad i onUnload.................................................................................... 65
Zdarzenia zwi5zane z mysz5 ...................................................................................... 68
Formularze.................................................................................................................. 70
Elementy formularzy.................................................................................................. 77
Element button....................................................................................................................78
Element checkbox...............................................................................................................78
Element hidden...................................................................................................................80
Element radio......................................................................................................................81
Element reset......................................................................................................................82
Element select.....................................................................................................................84
Element text........................................................................................................................86
Element textarea.................................................................................................................87
Wykorzystanie formularzy i zdarze9.......................................................................... 88
Rozdział 6. Okna, ramki i ciasteczka............................................................................................................95
Okna............................................................................................................................95
Ramki........................................................................................................................ 100
Ciasteczka, czyli cookies.......................................................................................... 103
Na pocztku zajmijmy si klasycznym przykładem, od którego zaczyna si wikszo
kursów programowania. Postarajmy si wywietli na ekranie dowolny napis np.
. Aby tego dokona, wpierw musimy dowiedzie si, w jaki sposób
umieszcza skrypty JavaScript w kodzie HTML oraz jaka instrukcja JavaScript pozwala
pisa na ekranie.
Kod JavaScript musi by umieszczony pomidzy znacznikami HTML
i
. Znaczniki te mo+na umieszcza w dowolnym miejscu dokumentu, jednak
przyjmuje si, +e je+eli jest to tylko mo+liwe, nale+y umieci je na pocztku pliku
HTML przed znacznikiem
.
Znacznik ten powinien zawiera parametr
, który mo+e przyjmowa dwie
wartoci:
!"#$%
lub
!"#$%
. Warto
!"#$%
jest pozostałoci po wcze-
snych wersjach jzyka i słu+y zachowaniu kompatybilnoci. Powinnimy u+y wartoci
!"#$%
.
wiczenie 2.1.
Umie w standardowym kodzie HTML znacznik
.
8
JavaScript. wiczenia praktyczne
Na listingu znajduje si poprawny kod HTML z zawartym znacznikiem
. Jednak
po wczytaniu tego pliku do przegldarki otrzymamy pust stron. Brakuje nam instrukcji
pozwalajcej wywietla tekst.
Instrukcja
&"'(%)*#%+,
pozwala na wyprowadzenie tekstu na ekran przegldarki.
Tekst, który chcemy wywietli, nale+y uj w nawiasy i cudzysłowy i poda zaraz za
&"'(%)*#%+,
np.
!"#$%&#&'()!*
wiczenie 2.2.
Napisz skrypt wywietlajcy tekst
-
!
-
na ekranie przegldarki.
+,-./0!-&,!0!1+23+#404-5567-8!
2#9#90!"#/#,!
!"#$%&#&'()!*
Tak przygotowany kod spowoduje, +e na ekranie pojawi si po+dany napis (rysunek 2.1).
Warto zwróci uwag, +e w celu poprawnej interpretacji polskich liter przez przegldark
dodalimy w sekcji
.
znacznik
/ 0%%$12'!3-&(%(%1$-"&(%(%3-%4%
0%56"0#7%37&1889:1;-
Rysunek 2.1.
Efekt działania
instrukcji
document.write()
Przeanalizujmy nieco dokładniej fragment kodu odpowiedzialny za wywietlanie tekstu
na ekranie. Wszystkim, którzy mieli ju+ wczeniej do czynienia z jzykiem C bd: C++,
składnia wydaje si z pewnoci znajoma:
!"#$%&#&'(!*
&"'(%
to obiekt, który reprezentuje aktualn stron.
*#%
to tzw. metoda, czyli pew-
na funkcja działajca na obiekcie
&"'(%
i, w tym przypadku, wywietlajca na ekranie
tekst. Tekst ten podajemy jako argument w nawiasach. Ogólnie mo+na zapisa:
:$# #9&&*
Rozdział 2.
Pierwsze skrypty
9
Taki cig jest instrukcj i powinien zosta zako=czony rednikiem. W JavaScript nie
jest to jednak obligatoryjne, chyba +e chcemy zapisa kilka instrukcji w jednej linii np.:
2 !;#&!*3 !##4'<4!*3
Wymieniona tutaj, nowa funkcja
*#%5(+,
działa tak samo jak
*#%+,
, z tym +e na
ko=cu wywietlanego cigu znaków dodaje znak przejcia do nowego wiersza. Niestety,
nie zobaczymy tego efektu, je+eli cało nie znajdzie si w bloku tekstu preformatowanego,
tzn. pomidzy znacznikami
i
.
wiczenie 2.3.
U+yj funkcji
*#%+,
i
*#%5(+,
do wywietlenia tekstu w dwóch wierszach.
+,-./0!-&,!0!1+23+#404-5567-8!
2 !;#&!*3 !##4'<4!*3
Jak wida na rysunku 2.2, zadanie udało nam si wykona znakomicie.
Rysunek 2.2.
Uycie
instrukcji writeln()
i znacznika <PRE>
Znacznik
, niezbdny do umieszczania kodu JavaScript, niestety nie jest cz-
ci specyfikacji HTML 2.0, ani wczeniejszych, wic niektóre przegldarki mog go
nie rozpozna. W takiej sytuacji mog one wywietli tekst skryptu na stronie. Chcieli-
bymy oczywicie tego unikn. Z pomoc przyjd komentarze, które mo+na umiesz-
cza w kodzie HTML. Konstrukcja wyglda nastpujco:
)--
$4$#'#
--
Je+eli zatem chcemy ukry kod przed przegldarkami nieobsługujcymi JavaScript,
powinnimy uj go w znaki komentarza, które s czci standardu HTML.
[ Pobierz całość w formacie PDF ]