ÿþI D Z D O
I D Z D O
P R Z Y K £ A D O W Y R O Z D Z I A £
P R Z Y K £ A D O W Y R O Z D Z I A £
J a v a S c r i p t .
S P I S T R E RC I
S P I S T R E RC I
Æ w i c z e n i a p r a k t y c z n e
K A T A L O G K S I ¥ ¯ E K
K A T A L O G K S I ¥ ¯ E K
A u t o r : M a r c i n L i s
K A T A L O G O N L I N E
K A T A L O G O N L I N E
I S B N : 8 3 - 7 1 9 7 - 7 2 5 - 5
F o r m a t : B 5 , s t r o n : 1 0 6
Z A M Ó W D R U K O W A N Y K A T A L O G
Z A M Ó W D R U K O W A N Y K A T A L O G
T W Ó J K O S Z Y K
T W Ó J K O S Z Y K
Z a p r a s z a m y d o l e k t u r y k o l e j n e j k s i ¹ ¿ k i z s e r i i Æ w i c z e n i a p r a k t y c z n e d o t y c z ¹ c y c h
D O D A J D O K O S Z Y K A t e c h n o l o g i i t w o r z e n i a i n t e r n e t o w y c h s t r o n W W W . T y m r a z e m p r e z e n t u j e m y J a v a S c r i p t ,
D O D A J D O K O S Z Y K A
c z y l i j ê z y k s k r y p t o w y w z b o g a c a j ¹ c y m o ¿ l i w o Sc i o f e r o w a n e p r z e z H T M L .
K s i ¹ ¿ k a n i e j e s t s u c h y m o m ó w i e n i e m w s z y s t k i c h k o n s t r u k c j i i o b i e k t ó w
C E N N I K I I N F O R M A C J E u d o s t ê p n i a n y c h p r z e z j ê z y k , j e s t n a t o m i a s t p r a k t y c z n y m w p r o w a d z e n i e m d o
C E N N I K I I N F O R M A C J E
p r o g r a m o w a n i a w J a v a S c r i p t . S k ³ a d a s i ê z s z e r e g u æ w i c z e ñ , k t ó r e p r z e d s t a w i o n e s ¹
w p o s t a c i g o t o w e j d o u r u c h o m i e n i a w d o w o l n e j p r z e g l ¹ d a r c e o b s ³ u g u j ¹ c e j j ê z y k i
Z A M Ó W I N F O R M A C J E
Z A M Ó W I N F O R M A C J E
s k r y p t o w e .
O N O W O RC I A C H
O N O W O RC I A C H
J a v a S c r i p t t o j u ¿ o b e c n i e o b o w i ¹ z u j ¹ c y s t a n d a r d , j e s t t o r ó w n i e ¿ j e d e n z e s k ³ a d n i k ó w
Z A M Ó W C E N N I K
Z A M Ó W C E N N I K D H T M L . P o z w a l a n a t w o r z e n i e e f e k t ó w n i e d o s t ê p n y c h w s t a n d a r d o w y m H T M L ,
e f e k t ó w k t ó r e n i e g d y S t r z e b a b y ³ o t w o r z y æ p o m o c y t e c h n o l o g i i t a k i c h j a k n p . s k r y p t y
C G I . P r z y c z y m r ó w n o c z e Sn i e j e s t t o p r o s t y j ê z y k s k r y p t o w y , k t ó r e g o z r o z u m i e n i e
i n a u k a n i e p o w i n n a s p r a w i æ n i k o m u ¿ a d n e g o p r o b l e m u . N i e w ¹ t p l i w i e j e s t t o w i ê c
C Z Y T E L N I A
C Z Y T E L N I A
t e c h n o l o g i a w a r t a p o z n a n i a .
F R A G M E N T Y K S I ¥ ¯ E K O N L I N E
F R A G M E N T Y K S I ¥ ¯ E K O N L I N E
K s i ¹ ¿ k a p r z e z n a c z o n a j e s t d l a o s ó b p o c z ¹ t k u j ¹ c y c h , d o p i e r o z a c z y n a j ¹ c y c h s w o j ¹
p r z y g o d ê z j ê z y k a m i s k r y p t o w y m i . A u t o r z a k ³ a d a j e d n a k , ¿ e c z y t e l n i k z n a p r z y n a j m n i e j
p o d s t a w y j ê z y k a H T M L i j e s t w s t a n i e s a m o d z i e l n i e u t w o r z y æ p r o s t e s t r o n y . N i e j e s t
n a t o m i a s t p o t r z e b n a z n a j o m o Sæ k l a s y c z n y c h j ê z y k ó w p r o g r a m o w a n i a t a k i c h j a k C ,
C + + c z y J a v a .
W y d a w n i c t w o H e l i o n
u l . C h o p i n a 6
4 4 - 1 0 0 G l i w i c e
t e l . ( 3 2 ) 2 3 0 - 9 8 - 6 3
e - m a i l : h e l i o n @ h e l i o n . p l
R o z d z i a B 1 . P o d s t a w y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
C z y m j e s t J a v a S c r i p t ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
J a v a S c r i p t a J a v a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
C o n a m b ¹ d z i e p o t r z e b n e ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
R o z d z i a B 2 . P i e r w s z e s k r y p t y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Z n a c z n i k < S C R I P T > . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
I n s t r u k c j a d o c u m e n t . w r i t e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
K o m e n t a r z e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
K o m e n t a r z H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
K o m e n t a r z t y p u / / . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0
K o m e n t a r z b l o k o w y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1
Z n a c z n i k < N O S C R I P T > . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1
F o r m a t o w a n i e t e k s t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3
O k n o d i a l o g o w e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5
R o z d z i a B 3 . E l e m e n t y j z y k a J a v a S c r i p t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7
T y p y d a n y c h J a v a S c r i p t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7
T y p l i c z b o w y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7
W a r t o [c i l o g i c z n e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8
Aa Dc u c h y z n a k ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 9
W a r t o [ N U L L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 9
Z m i e n n e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 9
W p r o w a d z a n i e d a n y c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1
I n s t r u k c j e w a r u n k o w e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 3
O p e r a c j e n a z m i e n n y c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 4
O p e r a c j e a r y t m e t y c z n e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 5
O p e r a c j e n a b i t a c h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 7
O p e r a c j e p r z y p i s a n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 8
O p e r a c j e l o g i c z n e i p o r ó w n a n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 8
O p e r a c j e n a Ba Dc u c h a c h z n a k ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 9
I n s t r u k c j a p r z e t w a r z a n i a w a r u n k o w e g o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1
P ¹ t l e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 5
P ¹ t l a f o r . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 5
P ¹ t l a w h i l e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 9
R o z d z i a B 4 . O b i e k t y i f u n k c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1
F u n k c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1
R e k u r e n c j a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 3
O b i e k t y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 7
Aa Dc u c h y z n a k ó w ( o b i e k t s t r i n g ) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 0
2 J a v a S c r i p t . w i c z e n i a p r a k t y c z n e
O b i e k t M a t h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 3
O b i e k t D a t e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 5
O b i e k t d o c u m e n t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 7
O b i e k t w i n d o w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 2
R o z d z i a B 5 . Z d a r z e n i a i f o r m u l a r z e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 5
Z d a r z e n i a o n L o a d i o n U n l o a d . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 5
Z d a r z e n i a z w i z a n e z m y s z . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 8
F o r m u l a r z e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 0
E l e m e n t y f o r m u l a r z y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 7
E l e m e n t b u t t o n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 8
E l e m e n t c h e c k b o x . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 8
E l e m e n t h i d d e n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 0
E l e m e n t r a d i o . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 1
E l e m e n t r e s e t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2
E l e m e n t s e l e c t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 4
E l e m e n t t e x t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 6
E l e m e n t t e x t a r e a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 7
W y k o r z y s t a n i e f o r m u l a r z y i z d a r z e D. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8
R o z d z i a B 6 . O k n a , r a m k i i c i a s t e c z k a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 5
O k n a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 5
R a m k i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 0
C i a s t e c z k a , c z y l i c o o k i e s . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 3
N a p o c z t k u z a j m i j m y s i ¹ k l a s y c z n y m p r z y k Ba d e m , o d k t ó r e g o z a c z y n a s i ¹ w i ¹ k s z o [
k u r s ó w p r o g r a m o w a n i a . P o s t a r a j m y s i ¹ w y [w i e t l i n a e k r a n i e d o w o l n y n a p i s n p .
. A b y t e g o d o k o n a , w p i e r w m u s i m y d o w i e d z i e s i ¹ , w j a k i s p o s ó b
u m i e s z c z a s k r y p t y J a v a S c r i p t w k o d z i e H T M L o r a z j a k a i n s t r u k c j a J a v a S c r i p t p o z w a l a
p i s a n a e k r a n i e .
K o d J a v a S c r i p t m u s i b y u m i e s z c z o n y p o m i ¹ d z y z n a c z n i k a m i H T M L
i . Z n a c z n i k i t e m o |n a u m i e s z c z a w d o w o l n y m m i e j s c u d o k u m e n t u , j e d n a k
p r z y j m u j e s i ¹ , |e j e |e l i j e s t t o t y l k o m o |l i w e , n a l e |y u m i e [c i j e n a p o c z t k u p l i k u
H T M L p r z e d z n a c z n i k i e m .
Z n a c z n i k t e n p o w i n i e n z a w i e r a p a r a m e t r , k t ó r y m o |e p r z y j m o w a d w i e
w a r t o [c i : l u b . W a r t o [ j e s t p o z o s t a Bo [c i p o w c z e -
s n y c h w e r s j a c h j ¹ z y k a i s Bu |y z a c h o w a n i u k o m p a t y b i l n o [c i . P o w i n n i [m y u |y w a r t o [c i
.
w i c z e n i e 2 . 1 .
U m i e [ w s t a n d a r d o w y m k o d z i e H T M L z n a c z n i k .
8 J a v a S c r i p t . w i c z e n i a p r a k t y c z n e
N a l i s t i n g u z n a j d u j e s i ¹ p o p r a w n y k o d H T M L z z a w a r t y m z n a c z n i k i e m . J e d n a k
p o w c z y t a n i u t e g o p l i k u d o p r z e g l d a r k i o t r z y m a m y p u s t s t r o n ¹ . B r a k u j e n a m i n s t r u k c j i
p o z w a l a j c e j w y [w i e t l a t e k s t .
I n s t r u k c j a p o z w a l a n a w y p r o w a d z e n i e t e k s t u n a e k r a n p r z e g l d a r k i .
T e k s t , k t ó r y c h c e m y w y [w i e t l i , n a l e |y u j w n a w i a s y i c u d z y s Bo w y i p o d a z a r a z z a
n p .
w i c z e n i e 2 . 2 .
N a p i s z s k r y p t w y [w i e t l a j c y t e k s t ! n a e k r a n i e p r z e g l d a r k i .
T a k p r z y g o t o w a n y k o d s p o w o d u j e , |e n a e k r a n i e p o j a w i s i ¹ p o |d a n y n a p i s ( r y s u n e k 2 . 1 ) .
W a r t o z w r ó c i u w a g ¹ , |e w c e l u p o p r a w n e j i n t e r p r e t a c j i p o l s k i c h l i t e r p r z e z p r z e g l d a r k ¹
d o d a l i [m y w s e k c j i z n a c z n i k
R y s u n e k 2 . 1 .
E f e k t d z i a Ba n i a
i n s t r u k c j i
d o c u m e n t . w r i t e ( )
P r z e a n a l i z u j m y n i e c o d o k Ba d n i e j f r a g m e n t k o d u o d p o w i e d z i a l n y z a w y [w i e t l a n i e t e k s t u
n a e k r a n i e . W s z y s t k i m , k t ó r z y m i e l i j u | w c z e [n i e j d o c z y n i e n i a z j ¹ z y k i e m C b d z C + + ,
s k Ba d n i a w y d a j e s i ¹ z p e w n o [c i z n a j o m a :
t o o b i e k t , k t ó r y r e p r e z e n t u j e a k t u a l n s t r o n ¹ . t o t z w . m e t o d a , c z y l i p e w -
n a f u n k c j a d z i a Ba j c a n a o b i e k c i e i , w t y m p r z y p a d k u , w y [w i e t l a j c a n a e k r a n i e
t e k s t . T e k s t t e n p o d a j e m y j a k o a r g u m e n t w n a w i a s a c h . O g ó l n i e m o |n a z a p i s a :
R o z d z i a B 2 . P i e r w s z e s k r y p t y 9
T a k i c i g j e s t i n s t r u k c j i p o w i n i e n z o s t a z a k o Dc z o n y [r e d n i k i e m . W J a v a S c r i p t n i e
j e s t t o j e d n a k o b l i g a t o r y j n e , c h y b a |e c h c e m y z a p i s a k i l k a i n s t r u k c j i w j e d n e j l i n i i n p . :
W y m i e n i o n a t u t a j , n o w a f u n k c j a d z i a Ba t a k s a m o j a k , z t y m |e n a
k o Dc u w y [w i e t l a n e g o c i g u z n a k ó w d o d a j e z n a k p r z e j [c i a d o n o w e g o w i e r s z a . N i e s t e t y ,
n i e z o b a c z y m y t e g o e f e k t u , j e |e l i c a Bo [ n i e z n a j d z i e s i ¹ w b l o k u t e k s t u p r e f o r m a t o w a n e g o ,
t z n . p o m i ¹ d z y z n a c z n i k a m i i .
w i c z e n i e 2 . 3 .
U |y j f u n k c j i i d o w y [w i e t l e n i a t e k s t u w d w ó c h w i e r s z a c h .
J a k w i d a n a r y s u n k u 2 . 2 , z a d a n i e u d a Bo n a m s i ¹ w y k o n a z n a k o m i c i e .
R y s u n e k 2 . 2 .
U |y c i e
i n s t r u k c j i w r i t e l n ( )
i z n a c z n i k a < P R E >
Z n a c z n i k , n i e z b ¹ d n y d o u m i e s z c z a n i a k o d u J a v a S c r i p t , n i e s t e t y n i e j e s t c z ¹ -
[c i s p e c y f i k a c j i H T M L 2 . 0 , a n i w c z e [n i e j s z y c h , w i ¹ c n i e k t ó r e p r z e g l d a r k i m o g g o
n i e r o z p o z n a . W t a k i e j s y t u a c j i m o g o n e w y [w i e t l i t e k s t s k r y p t u n a s t r o n i e . C h c i e l i -
b y [m y o c z y w i [c i e t e g o u n i k n . Z p o m o c p r z y j d k o m e n t a r z e , k t ó r e m o |n a u m i e s z -
c z a w k o d z i e H T M L . K o n s t r u k c j a w y g l d a n a s t ¹ p u j c o :
J e |e l i z a t e m c h c e m y u k r y k o d p r z e d p r z e g l d a r k a m i n i e o b s Bu g u j c y m i J a v a S c r i p t ,
p o w i n n i [m y u j g o w z n a k i k o m e n t a r z a , k t ó r e s c z ¹ [c i s t a n d a r d u H T M L .
1 0 J a v a S c r i p t . w i c z e n i a p r a k t y c z n e
Z n a c z n i k , n i e z b ¹ d n y d o u m i e s z c z a n i a k o d u J a v a S c r i p t , n i e s t e t y n i e j e s t c z ¹ -
[c i s p e c y f i k a c j i H T M L 2 . 0 , a n i w c z e [n i e j s z y c h , w i ¹ c n i e k t ó r e p r z e g l d a r k i m o g g o
n i e r o z p o z n a . C o s i ¹ s t a n i e w t a k i e j s y t u a c j i ? O t ó | s a m z n a c z n i k z o s t a n i e z i g n o r o w a n y ,
n a t o m i a s t c a By t e k s t s k r y p t u z n a j d u j c y s i ¹ m i ¹ d z y a z o s t a n i e w y -
[w i e t l o n y n a e k r a n i e , z m i e n i a j c n a m t r e [ i s t r u k t u r ¹ s t r o n y . C h c i e l i b y [m y o c z y w i [c i e
t e g o u n i k n . Z p o m o c p r z y j d z i e n a m k o m e n t a r z H T M L , k t ó r e g o s t r u k t u r a w y g l d a
n a s t ¹ p u j c o :
J e |e l i u j m i e m y t e k s t s k r y p t u w t a k s t r u k t u r ¹ , p r z e g l d a r k a n i e o b s Bu g u j c a J a v a S c r i p t u
p o m i n i e g o , t r a k t u j c w Ba [n i e j a k o z w y k By k o m e n t a r z .
w i c z e n i e 2 . 4 .
U k r y j k o d s k r y p t u p r z e d p r z e g l d a r k a m i n i e o b s Bu g u j c y m i J a v a S c r i p t .
P o w y |s z e w i c z e n i e o b r a z u j e u |y c i e k o m e n t a r z y z n a n y c h z j ¹ z y k a H T M L . W J a v a -
S c r i p t m a m y n a t o m i a s t d w i e n o w e m o |l i w o [c i z a s t o s o w a n i a k o m e n t a r z a . O b i e s z a p o -
|y c z o n e z j ¹ z y k ó w p r o g r a m o w a n i a t a k i c h C , C + + c z y J a v a . P i e r w s z y t y p k o m e n t a r z a
s k Ba d a s i ¹ z d w ó c h u k o [n i k ó w : ( k o m e n t a r z t e n z o s t a B z a s t o s o w a n y w p o p r z e d n i m
p r z y k Ba d z i e , b o w i e m w c z e s n e w e r s j e p r z e g l d a r k i N e t s c a p e N a v i g a t o r n i e r o z p o z n a -
w a By p o p r a w n i e s e k w e n c j i u m i e s z c z o n e j m i ¹ d z y e t y k i e t a m i ) . Z a c z y n a s i ¹
o n w t e d y o d m i e j s c a w y s t p i e n i a t y c h d w ó c h z n a k ó w i o b o w i z u j e d o k o Dc a d a n e g o
w i e r s z a .
w i c z e n i e 2 . 5 .
U |y j k o m e n t a r z a s k Ba d a j c e g o s i ¹ z d w ó c h u k o [n i k ó w d o o p i s a n i a k o d u s k r y p t u .
R o z d z i a B 2 . P i e r w s z e s k r y p t y 1 1
K o m e n t a r z m o |e s i ¹ r ó w n i e | z a c z y n a o d s e k w e n c j i i k o Dc z y . W t a k i m p r z y p a d k u
w s z y s t k o , c o z n a j d u j e s i ¹ p o m i ¹ d z y t y m i z n a k a m i , u z n a n e z o s t a n i e z a k o m e n t a r z .
w i c z e n i e 2 . 6 .
U |y j k o m e n t a r z a b l o k o w e g o d o o p i s a n i a k o d u s k r y p t u .
W j a k i s p o s ó b j e d n a k p o i n f o r m o w a u |y t k o w n i k a p r z e g l d a r k i n i e o b s Bu g u j c e j J a v a -
S c r i p t u , |e s t r o n a t a k i s k r y p t z a w i e r a , t y l k o n i e z o s t a B w y k o n a n y ? Z p o m o c p r z y j d
n a m r ó w n i e | k o m e n t a r z e .
w i c z e n i e 2 . 7 .
N a p i s z k o d , k t ó r y p o w c z y t a n i u d o p r z e g l d a r k i n i e o b s Bu g u j c e j J a v a S c r i p t w y [w i e t l i
s t o s o w n y k o m u n i k a t .
1 2 J a v a S c r i p t . w i c z e n i a p r a k t y c z n e
P r z e g l d a r k a n i e o b s Bu g u j c a s k r y p t ó w p o n a p o t k a n i u n i e z n a n e j s o b i e e t y k i e t y
i g n o r u j e j , n a s t ¹ p n i e w y [w i e t l a d w a k o l e j n e w i e r s z e , t r a k t u j c j e j a k o z w y k By H T M L .
N a s t ¹ p n e w i e r s z e s d l a n i e j k o m e n t a r z e m , w i ¹ c j e p o m i j a . Z k o l e i d l a p r z e g l d a r k i o b -
s Bu g u j c e j s k r y p t y k o m e n t a r z e m s d w a w i e r s z e n a s t ¹ p u j c e p o e t y k i e c i e i t o
o n e s p o m i j a n e , n a t o m i a s t k o d z p i t e g o w i e r s z a s k r y p t u (
) j e s t i n t e r p r e t o w a n y i w y k o n y w a n y .
J e s t t e | j e s z c z e i n n y s p o s ó b n a w y k o n a n i e t e g o z a d a n i a . P r z e g l d a r k i N e t s c a p e N a v i g a t o r
o r a z I n t e r n e t E x p l o r e r , o b i e o d w e r s j i 3 . 0 , a k c e p t u j d o d a t k o w y z n a c z n i k .
D z i ¹ k i n i e m u m o |e m y o s i g n p o d o b n y e f e k t . W t y m p r z y p a d k u t e k s t , k t ó r y m a b y
w y [w i e t l o n y , g d y w y Bc z y m y s k r y p t y w d a n e j p r z e g l d a r c e , u m i e s z c z a m y p o m i ¹ d z y
z n a c z n i k a m i i .
w i c z e n i e 2 . 8 .
U |y j z n a c z n i k a d o p o i n f o r m o w a n i a u |y t k o w n i k a , |e j e g o p r z e g l d a r k a n i e
o b s Bu g u j e J a v a S c r i p t u .
N a r y s u n k u 2 . 3 w i d o c z n y j e s t e f e k t d z i a Ba n i a p o w y |s z e g o k o d u w p r z e g l d a r c e N e t s c a p e
N a v i g a t o r p o w y Bc z e n i u d z i a Ba n i a s k r y p t ó w .
R y s u n e k 2 . 3 .
Z a s t o s o w a n i e z n a c z n i k a
< N O S C R I P T >
d o p o i n f o r m o w a n i a
u |y t k o w n i k a , |e j e g o
p r z e g l d a r k a n i e
o b s Bu g u j e J a v a S c r i p t u
R o z d z i a B 2 . P i e r w s z e s k r y p t y 1 3
A r g u m e n t y p o z n a n y c h w y |e j f u n k c j i i s t r a k t o w a n e p r z e z p r z e g l -
d a r k ¹ j a k t e k s t w H T M L - u . O z n a c z a t o , |e m o |e m y w Ba Dc u c h a c h w y [w i e t l a n y c h z n a -
k ó w w s t a w i p r a k t y c z n i e d o w o l n e z n a c z n i k i f o r m a t u j c e t e k s t .
w i c z e n i e 2 . 9 .
U |y j z n a c z n i k ó w H T M L f o r m a t u j c y c h t e k s t w a r g u m e n t a c h f u n k c j i i ,
t a k b y o s i g n e f e k t j a k n a r y s u n k u 2 . 4 .
R y s u n e k 2 . 4 .
E f e k t u |y c i a
z n a c z n i k ó w H T M L
w a r g u m e n t a c h
f u n k c j i w r i t e ( )
i w r i t e l n ( )
O p r ó c z z n a c z n i k ó w H T M L w w y [w i e t l a n y c h Ba Dc u c h a c h z n a k o w y c h m o g t e | p o j a w i
s i ¹ z n a k i s p e c j a l n e , t a k i e j a k n p . r o z p o c z ¹ c i e n o w e g o w i e r s z a . J e [l i c h c e m y w y [w i e t l i
z n a k s p e c j a l n y , m u s i m y z a s t o s o w a s e k w e n c j ¹ u k o [n i k ( b a c k s l a s h ) p l u s l i t e r a s y m -
b o l i z u j c a d a n y z n a k . S e k w e n c j e t e p r z e d s t a w i o n e s w t a b e l i 2 . 1 .
T a b e l a 2 . 1 . S e k w e n c j e z n a k ó w s p e c j a l n y c h
S e k w e n c j a z n a k ó w s p e c j a l n y c h Z n a c z e n i e
b a c k s p a c e
w y s u n i ¹ c i e k a r t k i ( a n g . f o r m f e e d )
n o w y w i e r s z ( a n g . n e w l i n e c h a r a c t e r )
e n t e r ( a n g . c a r r i a g e r e t u r n )
t a b u l a t o r ( a n g . t a b c h a r a c t e r )
1 4 J a v a S c r i p t . w i c z e n i a p r a k t y c z n e
P o d o b n i e , j e |e l i c h c e m y w y [w i e t l i c u d z y s Bó w l u b s a m u k o [n i k ( b a c k s l a s h ) , m u s i m y
g o p o p r z e d z i z n a k i e m b a c k s l a s h .
w i c z e n i e 2 . 1 0 .
U |y w a j c f u n k c j i w y p r o w a d z n a e k r a n t e k s t z a w i e r a j c y z n a k c u d z y s Bo w u o r a z
u k o [n i k ( r y s u n e k 2 . 5 ) .
R y s u n e k 2 . 5 .
W y p r o w a d z e n i e
n a e k r a n z n a k ó w
s p e c j a l n y c h
W t e n s a m s p o s ó b m o |e m y r ó w n i e | p o k u s i s i ¹ o w y [w i e t l e n i e g r a f i k i . J e |e l i a r g u -
m e n t e m f u n k c j i b ¹ d z i e z n a c z n i k z o d p o w i e d n i m U R L - e m j a k o p a r a m e -
t r e m , p r z e g l d a r k a w y [w i e t l i n a s t r o n i e w s k a z a n y w t e n s p o s ó b o b r a z e k n p .
O c z y w i [c i e , p l i k o l o k a l i z a c j i / j a v a s c / g f x / g r a f i k a 1 . g i f m u s i i s t n i e , a b y [m y m o g l i z o b a -
c z y e f e k t w o k n i e p r z e g l d a r k i . F o r m a l n i e r z e c z b i o r c , p o w i n n i [m y w a r t o [ a r g u -
m e n t u u j w c u d z y s Bó w , z a t e m z g o d n i e z t y m , c o w i e m y j u | o z n a k a c h s p e c j a l n y c h ,
k o n s t r u k c j a p o w i n n a w y g l d a n a s t ¹ p u j c o :
w i c z e n i e 2 . 1 1 .
U |y j f u n k c j i d o w y [w i e t l e n i a n a e k r a n i e p l i k u g r a f i c z n e g o ( r y s u n e k 2 . 6 ) .
R o z d z i a B 2 . P i e r w s z e s k r y p t y 1 5
R y s u n e k 2 . 6 .
P r z y k Ba d u |y c i a
f u n k c j i w r i t e ( )
d o w y [w i e t l e n i a
p l i k u g r a f i c z n e g o
N a u c z y m y s i ¹ t e r a z , j a k w y [w i e t l i n a e k r a n i e n a j p r o s t s z e o k i e n k o d i a l o g o w e . O k n o t a k i e
s Bu |y z w y k l e d o p o i n f o r m o w a n i a u |y t k o w n i k a o w y s t p i e n i u j a k i e g o [ z d a r z e n i a . N a j -
c z ¹ [c i e j c h o d z i o s y t u a c j e , w k t ó r e j w y s t p i B b Bd . N a t a k i c h a r a k t e r p r e z e n t o w a n e j
m e t o d y w s k a z u j e j u | s a m a n a z w a : . M o |e o n a p r z y j m o w a j a k o p a r a m e t r c i g
z n a k ó w , k t ó r y z o s t a n i e w y [w i e t l o n y n a e k r a n i e .
w i c z e n i e 2 . 1 2 .
W y [w i e t l n a e k r a n i e o k n o d i a l o g o w e z d o w o l n y m n a p i s e m .
N a s z e o k n o w y g l d a j a k n a r y s u n k u 2 . 7 . W y k o n y w a n i e k o d u j e s t w s t r z y m a n e d o c z a s u ,
k i e d y u |y t k o w n i k k l i k n i e p r z y c i s k O K . D o k Ba d n i e j r z e c z b i o r c , w t a k i s p o s ó b p o w i n n a
s i ¹ z a c h o w a w i ¹ k s z o [ w s p ó Bc z e s n y c h p r z e g l d a r e k . T e k s t w y [w i e t l a n y w o k n i e d i a -
l o g o w y m m o |e m y f o r m a t o w a , u |y w a j c d o t e g o c e l u z n a k ó w s p e c j a l n y c h ( t a b e l a 2 . 1 ) ,
p o d o b n i e j a k w p r z y p a d k u f u n k c j i .
1 6 J a v a S c r i p t . w i c z e n i a p r a k t y c z n e
R y s u n e k 2 . 7 .
U |y c i e f u n k c j i a l e r t ( )
d o w y [w i e t l e n i a o k n a
d i a l o g o w e g o
w i c z e n i e 2 . 1 3 .
W y [w i e t l n a e k r a n i e o k n o d i a l o g o w e z t e k s t e m w d w ó c h w i e r s z a c h ( j a k n a r y s u n k u 2 . 8 ) .
R y s u n e k 2 . 8 .
U |y c i e z n a k ó w
s p e c j a l n y c h
f o r m a t u j c y c h t e k s t
w o k n i e d i a l o g o w y m
S p o w o d u j , a b y p o k l i k n i ¹ c i u p r z e z u |y t k o w n i k a p r z y c i s k u O K n a e k r a n i e p o j a w i B s i ¹ p l i k
g r a f i c z n y .
Wyszukiwarka
Podobne podstrony:
JavaScript cwiczenia praktyczne Wydanie II cwjas2JavaScript cwiczenia praktyczne Wydanie IIIAccess 10 PL cwiczenia praktyczne cwac10GIMP cwiczenia praktyczne Wydanie IIFotografia cyfrowa Ćwiczenia praktyczneC cwiczenia praktyczne Wydanie IIFlash MX 2004 ActionScript cwiczenia praktyczne cwf4asMicrosoft Publisher 2007 PL cwiczenia praktyczneTworzenie stron WWW Ćwiczenia praktyczne Wydanie IIIPajaczek 5 NxG cwiczenia praktyczneInternet cwiczenia praktyczne Wydanie III cwint3więcej podobnych podstron