Chương 3 - Java Script JavaScript - Công nghệ Website | Đại học Bách Khoa, Đại học Đà Nẵng
Chương 3 - Java Script JavaScript - Công nghệ Website | Đại học Bách Khoa, Đại học Đà Nẵng giúp sinh viên tham khảo, ôn luyện và phục vụ nhu cầu học tập của mình cụ thể là có định hướng, ôn tập, nắm vững kiến thức môn học và làm bài tốt trong những bài kiểm tra, bài tiểu luận, bài tập kết thúc học phần, từ đó học tập tốt và có kết quả cao cũng như có thể vận dụng tốt những kiến thức mình đã học
Preview text:
C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p I. GIỚI THIỆU + + Scri S p cri t t cã c ã th t Ó h Ó xe x m e m nh n ư mé m t é t c«ng c«ng cô c ô nh n » h m » hç h ç tr t î r î ng n ưêi ê i lËp l Ëp tr t ×nh n h t¹o t ¹o ra r a c¸ c c c øng ø ng dô d ng ng nhanh chã c ng, ng, ®¬ ® n ¬ n gi¶ gi n n kh«ng k h«ng ma m ng ng tÝ t nh Ý nh chuyª hu n n nghiÖ nghi p Ö nh n ư mé m t é t ng«n « n ng n ÷ ÷ lË l p p tr t ×nh n h thËt hËt sù s . ù + + JavaScr J ip i t p t cò c ng ò ng lµ l µ mé m t é t lo l ¹i o ¹i Scrip i t t cho c phÐp p hÐp ph¸t p h¸t tr t i r Ó i n Ó n c¸ c c c øng ø ng dô d ng ng tr t ª r n ª n Int I e nt r e ne r t ne t ë ë c¶ c phÝ p a hÝ a Cl C i l e i nt nt vµ v µ Server Server b» b n » g g c¸ c ch c h viÕ vi t Õ t c¸ c c ¸ c ch c ư¬ng ¬ tr t ×nh n h ví v i í i có c ó ph p ¸ h p p ho h µ o n µ n to t µ o n µ n giè i n è g n g Ja J v a a v . C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t + + Ja J v a a v S a cript S cript lµ l µ mé m t é t ng n « g n « n ng n ÷ ÷ scrip scri t p , t ,dï d n ï g n g ®Ó ® Ó ph p ¸ h t ¸ tr t i r Ón Ó n c¸ c c ¸ c øng ng dô d ng ô ng Int I e nt rnet r net ë ë Cli l ent e nt vµ v µ Server. + + JavaScri J pt p t cã c ã thÓ t hÓ viÕ vi t Õ t kÌ k m Ì m tr t o r ng o ng fi f l i e l e HTML H TML ®Ó ® x©y x©y dù d ng ng mé m t é t tr t ang r ang We W b e b chÆt c hÆt chÏ, hÏ, phong hong phó p hó vÒ v né n i é i du d n u g n g vµ v µ h× h nh n h n th t ø h c ø c nh n ư : ki k Ó i m Ó m tra t ra tÝ t n Ý h n h tư¬n ¬ g n thÝ t ch c h vµ v µ th« t ng ng b¸ b o o lç l i ç i tr t o r ng ng qu q ¸ u ¸ tr t ×nh n h nhËp p li l Ö i u Ö . u .... + + C¸ch C ¸ch viÕ vi t Õ t JavaScript t tro r ng o ng mé m t é t tr t ang r ang HTM H L nh n ư sau s : < c S rip ri t p t La L ng n ua u g a e g = e " = J " a J va v S a cr S ip cr t" t > " ///C / ¸c ¸c hµm m cña ñ a Ja J vaScrip Scri t p t ®Æ ® t Æ t ë ë ®© ® y < S / cr c i r p i t p > C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II. Ng«n Ng«n n g n ÷ ÷ Ja J v a a v S a c S r c ip i t p 1. 1 .Mé t t sè s è ®Þ n ®Þ h h ng n h g Üa Ü 1.1 1 . C¸c . k C¸c i k Óu i d÷ ÷ li l Ö i u Ö u : : Tr T ong on Ja J v a aS a cr c i r p i t p t c ã c c¸ c c c ki k Ó i u u d÷ d ÷ li l Ö i u u : Int In erger: Gåm c¸ c c c sè s ë è d ë ¹ d n ¹ g g c ¬ c sè s 1 è 0 1 , 0 c , ¬ c s ¬ è s 1 è 6 1 , 6 ,c ¬ c s ¬ è s 8 è , 8 ,c ¬ c ¬ s è s è 2 VÝ VÝ d ô d : ô 42 4 , 2 ,0 x 0 F x F F F, F ,- 3 - 4 3 5 4 ..... Sè S t è h t ù h c ù c : VÝ : d VÝ ô d : ô :3 . 3 1 . 4 1 1 4 5 1 , - , 3.1 3 E12 E1 , 2 2 , e- 2 1 e- 2 2 ... l u l u ý ý E, e E, ® e Òu ® c Òu ã c ý ý ng n hÜ h a a nh n ư nh n a h u a . u Boolean: l Cã g Cã i g ¸ i ¸ t r t u r e u h e oÆc h oÆc f a f l a s l e s Chu Ch çi u ( S ( t S r t i r n i g n ) g :) Mét M c ét h c u h çi u l çi µ l µ m ét m ét d · d y · y c ¸ c c ¸ c ký k ý t ù t ù n » n m » m g i g ÷a ÷ a h a h i a i cÆ c p p dÊ d u u ( " ( " " ) " ) hoÆ h c c ( '( )'. ) VÝ d VÝ ô: ô : " b " l b a l h a ",' " b ,' l b a l h' h ,"1 ," 23 2 4 3 " 4 , " “d “ ong on mo m t\ t n n d on d g on g h a h i a ” i . C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng« n Ng« n n g n ÷ ÷ JavaScript 1. 1 M é M t é t s è s è ® Þnh Þn h n gh n Üa 1. 1 2. 2 .Bi B Õn Õ
+ BiÕn lµ mét ®¹i lưîng dïng ®Ó lưu tr÷ d÷ liÖu mµ gi¸
trÞ cña nã cã thÓ thay ®æi trong qu¸ tr×nh thùc hiÖn chư¬ng t × r n . h
+ §Ó biÓu diÔn biÕn ngưêi ta sö dông tªn biÕn, khi khai
b¸o mét biÕn th× tªn biÕn ®îc cÊp ph¸t mét ®Þa chØ cô thÓ trong bé nhí m¸y tÝnh.
+ Tªn biÕn lµ chuçi gåm c¸c ký tù, ch÷ sè, vµ dÊu g¹ch dưíi (_) + Tªn ª n biÕ b n iÕ n tro t n ro g n g ng« n n g« n ng n ÷ ÷ Ja J vaScript S cript cã c ã ph©n ph ©n biÖ b t iÖ t ch c ÷ h ho h a o a vµ v µ ch c ÷ th t ưên ê g.
+ §Ó ®Þnh nghÜa mét biÕn b»ng c¸ch dïng tõ kho¸ va v r a VÝ dô: var x=12
Trong JavaScript cã thÓ dïng biÕn mµ kh«ng cÇn khai b¸o. C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t 1. 1 .Mét sè Mét sè ®Þnh n ®Þnh g n h g Ü h a 1.3 1 . .C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ + C¸ C c ¸ c ph p Ðp Ðp to¸ t n n số học + C¸ C c ¸ c ph p Ðp Ðp to¸ t n n so s o s¸n ¸ h + C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ n th t a h o o t¸ t c c tr t ªn ªn bit i + C¸ C c ¸ c ph p Ðp Ðp to¸ t n n logic i C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t 1. 1 .Mét sè Mét sè ®Þnh n ®Þnh g n h g Ü h a 1.3 1 . .C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ + C¸ C c ¸ c ph p Ðp Ðp to¸ t n n số học C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t 1. 1 .Mét sè Mét sè ®Þnh n ®Þnh g n h g Ü h a 1.3 1 . .C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ + C¸ C c ¸ c ph p Ðp Ðp to¸ t n n so s o s¸n ¸ h C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t 1. 1 .Mét sè Mét sè ®Þnh n ®Þnh g n h g Ü h a 1.3 1 . .C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ + C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ n th t a h o o t¸ t c c trª r n n bi b t i C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t 1. 1 .Mét sè Mét sè ®Þnh n ®Þnh g n h g Ü h a 1.3 1 . .C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ + C¸ C c ¸ c ph p Ðp Ðp to¸ t n n logic i C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t 1. 1 .Mét sè Mét sè ®Þnh n ®Þnh g n h g Ü h a 1.3 1 . .C¸ C c ¸ c ph p Ðp Ðp to t ¸n ¸ : Ưu C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t 2. 2 .C Ê C u u tr t óc ó c c¸ c c ¸ lÖ l n Ö h n ®iÒ ®i u u kh k i h Ón Ó n tr t o r ng n g Ja J v a aS a cr c i r pt i + + Lệnh n h if i .....else els + + Lệnh n h swi s tc t h h ... .ca c s a e + + Lệnh n h wh w il i e l + + Lệnh n h fo f r o + + Lệnh n h do d ...whi wh l i e l + + Lệnh n h br b eak eak và con c t on i t nu n e u C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I . I Ng«n ng÷ Ng«n ng÷ Jav J aScrip aScri t C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I I I . .Xö Xö l ý l c ý ¸c c sù s ù k i k Ön Ö tr t ªn ª t n r t ang r We W b 1. 1 .S ù S kiÖ ki n n v µ v µ ®è i ®è t i ưîn î g n + + §Þ § nh Þ nh nghÜ ng a hÜ a sù s ù s ki k Ö i n: Ö n: sù s ù s ki k Ö i n Ö n lµ l µ mét mé t hµnh hµ nh ®é ® ng é ng x¶ x y ¶ ra r a khi k hi ng n ưêi ê i sö s ö dô d ng ô ng lµ l m µ m mét mé t vi v Ö i c Ö c g× g × ®ã ® ã ® tr t ª r n ª n tr t a r ng a we w b e . VÝ V Ý V dô d : :KÝ K c Ý h c h (C ( l C i l c i k c ) k ) mét mé t nót nó , t ,tha t y ha y ®æ ® i æ i (C ( ha C n ha g n e g ) e ) d÷ d ÷ li l Ö i u Ö u tr t o r ng o tr t ưêng ê ng Te T x e t x bo t x bo , x , di d i d chu c y hu Ó y n Ó n co c n n tr t á r á chu c é hu t é t (Mo ( u Mo s u e s ) e ) tr t ª r n ª mét t siªu ª u liª i n ª n kÕt Õ t (H ( y H pe p r e l r i l n i k n ) k ,).,.... + Vµ V µ V nh n ư vË v y Ë y b¹ b n ¹ n ph p ¶ h i ¶ i ti t Õn i Õn hµ h n µ h n h vi v Õt i Õt c¸ c c ¸ c lÖn l h Ön h ®Ó ® Ó ® kh k i h c¸ c c ¸ c sù s ù ki k Ö i n Ö n nµy nµ y x¶ x y ¶ y ra r a th t × × ®Þ ® nh Þ nh hưíng í ng ng n ưêi ê i sö s ö dô d ng ô ®¸ ® p ¸ p øng ø ng ®ó ® ng ó ng nhu nhu cÇ c u Ç u cña ñ a øng ø ng dô d ng ô ng nh n ư : : th« t ng h« ng b¸o b¸ nhËp p sai sa i d÷ d ÷ liÖ i u Ö , u ,d÷ d ÷ li l Öu Ö u ch c ưa a ®Ç ® y Ç y ®ñ ® , ñ ....... C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I I I . I Xö Xö l ý l ý c ¸ c c c sù sù k i k Ön t Ö r n t ª r n tr t ang a ng W e W b e 1. 1 Sù S ù k i k Ö i n n vµ v µ ® èi ® t èi ưîng în + + Vi V Ö i c Ö c vi v Õ i t Õ t c¸c ¸ c lÖ l nh Ö nh ®Ó ® Ó ® ®¸ ® p ¸ p øn ø g n g c¸ c c ¸ c sù s ù s ki k Ö i n Ö n nµy nµ y gä g i ä i lµ l ®i ® Ò i u Ò u khi k Ó hi n Ó n sù s ù s ki k Ö i n. Ö n. Tr T o r ng o ng Jav Ja a v S a c S r c i r p i t p t th t × × c¸ c c ¸ h h sö s ö dô d ng ô c¸ c c ¸ c ®i ® Ò i u Ò u khiÓ hi n Ó n nh n h n sau sa : u :tr t ưíc í c ti t ª i n ª n lµ l µ tõ t õ "o " n" o n" vµ v µ v the t o he o sau sa lµ l µ tªn t ªn sù s ù kiÖ i n VÝ V Ý dô d ô d : Khi K hi kÝ k c Ý h c h mét mé t nót nó t th t × sù s ù s ki k Ö i n Ö n Cl C i l c i k c k x¶ x y ¶ y ra r , a , ®Ó ® ®¸ ® p ¸ p øn ø g n g sù s ù kiÖ i n n nµy nµ y b¹n ¹ n dï d n ï g n g ®i ® Ò i u u khi k Ón Ó n onC o li l c i k c . k + + B¶ B ng ¶ ng dưíi í i ®© ® y © y li l Ö i t Ö t kª k ª k c¸c ¸ c sù s ù ki k Ö i n Ö n vµ v µ v c¸ c c ¸ c ®i ® Ò i u Ò u khi k Ó hi n Ó sù s ù ki k Ö i n Ö n tư¬ng ¬ ng øng ø ng cho c ho tÊ t t t c¶ c ¶ c¸ c c ¸ c sù s ù s ki k Ö i n Ö n tr t ª r n ª n we w b e b nh n ư sau sa u : Sù S ù ki k Ö i n Ö n ĐiÒ i u Ò u kh k iÓ i n Ó n X¶y ¶ y ra r a khi h i Áp p dụng n g ch c o blur onBlur
Ngưêi sö dông di chuyÓn focus rêi Textbox, Textarea, khái phÇn tö trªn form Select list click onClick
Ngưêi sö dông kÝch vµo mét phÇn tö Button, Radio
trªn form hoÆc kÝch vµo 1 liªn kÕt button, Check button, Submit button, Reset button, Link change onChange
Ngưêi sö dông thay ®æi gi¸ trÞ cña Textbox, Textarea, phÇn tö Select list focus onFocus
Ngưêi sö dông di chuyÓn focus ®Õn Textbox, Textarea, phÇn tö trªn form Select list select onSelect
Ngưêi sö dông chän dữ liÖu trong c¸c Textbox, Textarea phÇn tö load onLoad
N¹p trang web vµo trinh duyÖt Document unload onUnload Tho¸t khái mét trang web Document mouseover
onMouseOver Ngưêi sö dông di chuyÓn con trá chuét Link trªn mét liªn kÕt submit onSubmit
Ngưêi sö dông cho thi hµnh øng dông Submit button C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I I I . .Xö Xö l ý l c ý ¸c c sù s ù k i k Ön Ö tr t ªn ª t n r t ang r We W b VÝ VÝ dô d : :Đ©y © y lµ l µ m é m t é t tra t ng n g HTML hoµ HTML ho n n chØn chØ h n h khi khi kÝ k c Ý h c h vµ v o µ nót nó t "C " li l c i k k here" e " sÏ s Ï xuÊt Êt hiÖn Ö n c©u c ©u th« t ng ng b¸ b o “H “ e H ll l o l . o ..." . l ngua a ge g ="JavaS e c ="JavaS r c i r p i t p " t > " fu f nc u t nc i t on o thon n g thon b g a b o a () ( { al a e l rt r ("H ( e "H l e l l o l .....") . ; ") }
c S ri r pt> i C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I I I . .Xö Xö l ý l c ý ¸c c sù s ù k i k Ön Ö tr t ªn ª t n r t ang r We W b VÝ VÝ d ô d : :Đ©y © y l µ l µ m é m t é t t ra t n ra g n HTML hoµ HTML ho n n chØ n chØ h n h kh i kh k i Ý k ch v ch µ v o µ o nót nó " C " l C i l c i k k here" sÏ s xuÊt Êt hi Ö hi n Ö c n ©u c th«n t g b g ¸o b "H " e H ll l o l . o ..." . < DY> DY < or F m m n a n m a e= m "f " orm1 f " orm1 > " < n i pu p t u t ty t p y e=" e= b " u b t u t t on t " on " v a v l a u l e u =" = Click " Click h er h e" er e" onClic i k c = k " = t " h t on h g on b g ao( a ) o( " ) > " < F / o F rm> r
< ODY> ODY C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p III. X . ö X ö l ý l ý c ¸ c c ¸ c s ù s ù k i k Ön i Ön t r t ªn r ªn t r t a r n a g n g We b We 1. 1 .S ù S ù k i k Ö i n n vµ v µ ®è i ®è tî t ng n §Ó §Ó ®¸ ® p ¸ p øn ø g n g ®ó ® n ó g n g sù s ù s ki k Ön i Ön ch c o h o c¸ c c ¸ c ®èi ® èi tưîng în g cÇ c n Ç n ®i ® Òu i Òu kh k i h Ón i , Ón b¹ b n ¹ n cã c ã th t Ó h Ó h× h nh n h du d n u g n g ra r a c¸ c c ¸ c ®è ® i i tưîng în g tr t ªn r ªn mét m ét tr t a r n a g n g web nh n ư sa s u a : + + §èi è i tưîn î g n g lín í n nh n Ê h t Ê t cñ c a ñ a tr t ×nh n h duy u Öt Ö t lµ l µ wi w n i d n ow o + + Tr T on r g on g window window ch c ø h a ø a c¸ c c ¸ c tµ t i µ i li l Ö i u u HT H M T L M L (m ( çi m çi tµ t i µ i li l Öu i Öu lµ l mé m t t ®è ® i i tưîng g docum u en m t en ) t + + Tr T on r g on g document d ocument cã c ã th t Ó h Ó ch c ø h a ø a nh n i h Òu i Òu Form F orm (c ( ã c ã ®èi ® èi tưîng în g lµ l fo f r o m), r m), vµ v µ c¸ c c ¸ c li l ª i n ª n kÕ k t Õ t (cã c ã ®èi è i tưîng n g lµ l µ lin i k n s) s + + Tr T on r g on g Form F orm cã c ã th t Ó h Ó ch c ø h a ø a nh n i h Òu i Òu ph p Ç h n Ç n tö t ö t (c ( ã c ã ®èi ® èi tưîng în g lµ l elemen m ts t ) s C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I I I . .Xö Xö l ý l c ý ¸c c sù s ù k i k Ön Ö tr t ªn ª t n r t ang r We W b 1. 1 .S ù S kiÖ ki n n v µ v µ ®è i ®è t i ưîn î g n C ư¬n ¬ g n g 3: Ja v Ja a v Sc a ri r p i t p II I I I . I Xö Xö l ý l ý c ¸ c c c sù sù k i k Ön t Ö r n t ª r n tr t ang a ng W e W b e 2. 2 C¸c p C¸c h p ư¬ng ¬n g t h t ø h c ø c v µ v µ th t u h é u c c tÝ t n Ý h n cñ c a ñ c¸ c c ¸ ®èi ® t èi ưîng în + + §Ó §Ó th t a h m a m ch c i h Õu i Õu ®Õn ® Õn c¸ c c ¸ c th t u h éc u éc tÝ t n Ý h n h (h ( a h y a y c¸ c c ¸ c ph p ¬ng ¬n g th t ø h c ø ) c cñ c a ñ a mét m ét ®èi ® èi tưîng în g nµ n o µ o ®ã ® ã b¹ b n ¹ n cÇ c n Ç n ®Æ ® c Æ c t¶ t ¶ t tªn t ªn cñ c a ñ a ®èi ® èi tưîng în ®ã ® ã cï c n ï g g ví v i i c¸ c c ¸ c ®èi èi tưîng g cÊ c p Ê p ca c o a o h¬ h n n nã n . ã VÝ V Ýdô d : Để g¸ g n ¸ n gi g ¸ i ¸ tr t Þ r Þ ch c u h ç u i ç i "He " l He l l o l " o " ch c o h o tr t ên ê g n g te t x e t x b t o b x o x (c ( ã c ã tª t n ª n lµ l tx t t x b t ox) b ox) tr t on r g on g mét m ét form f orm (c ( ã c ã tªn t ªn lµ l µ form1) f orm1) b¹ b n ¹ n sö s ö s dô d n ô g n g lÖn l h Ön sa s u a : docu d men m t en .f t or .f m or 1.t 1 x .t t x b t ox. b va v l a ue= u " e= H " ell H o" + Trong ®ã : va v l a ue u
e lµ thuéc tÝnh cña ®èi tưîng tx t t x b t o b x o , c¸c thµnh phÇn document en , fo f r o m r 1 m
1 lµ c¸c ®èi tưîng cha cña nã. II I I I . .Xö Xö l ý l c ý ¸c c sù s ù k i k Ön Ö tr t ªn ª t n r t ang r We W b 2. 2 .C ¸ C c c p h p ư¬ng t ng hø t c hø c vµ t hu vµ t é hu c é tÝ t nh Ý c nh ñ c a ñ c¸c c ® è ® i è i t ưîng î 2. 2 1 . § è § i è i t ưîng î wi w nd i ow o * C¸c phư¬ng thøc: Ph P ư¬n ¬ g n g th t øc h øc Môc M ® ôc Ý ® c Ý h alert("message")
Đưa ra hép tho¹i th«ng b¸o víi néi dung lµ message confirm("message")
Đưa ra hép tho¹i yªu cÇu ngưêi sö dông x¸c nhËn
l¹i c«ng viÖc cÇn hµnh ®éng (chän OK O K hay Ca C n a c n e c l
e ). Phư¬ng thøc nµy tr¶ vÒ gi¸ trÞ tr t ue r ue (khi chän OK) hoÆc fal f s al e s e (khi chän Cancel) prompt("message",variable)
Đưa ra hép tho¹i cho phÐp ngưêi sö dông nhËp
dữ liÖu ®Çu vµo, dữ liÖu sau khi nhËp ®ưîc g¸n
cho biÕn variable. message lµ dßng th«ng b¸o. close() Đãng cöa sæ trinh duyÖt open("URL","name")
Më trang web cã ®Þa chØ lµ URL trong cöa sæ cã III. X . ö X ö l ý l ý c ¸ c c ¸ c s ù s ù k i k Ön i Ön t r t ªn r ªn t r t a r n a g n g We b We 2. 2 C¸ . c c p h p ư¬ng ¬n th t ø h c ø c v µ v µ t h t u h éc u éc t Ý t n Ý h n h cñ c a ñ c¸ c c c ®èi ® tưîng în 2.1 2 §èi t §èi ưîng în g window * C¸c thuéc tÝnh: Th T uéc u t éc Ý t n Ý h n h Mô M c ô c ® Ý ® c Ý h c status
ChØ ®Þnh th«ng tin n»m trªn thanh tr¹ng th¸i ë cuèi cöa sæ
§Ó khi n¹p trang web lªn mµ thanh trang th¸i cã dßng
th«ng b¸o "Chµo c¸c b¹n..." th× b¹n dïng tag như sau:
* C¸c ®iÒu khiÓn sù kiÖn: §èi tưîng window
ow cã hai ®iÒu khiÓn sù kiÖn lµ onLoad L oad vµ on o U n nl n o l a o d a C ư¬ng ¬ ng 3: J 3 ava : J Script II I I I . .Xö Xö l ý l c ý ¸c c sù s ù k i k Ön Ö tr t ªn ª t n r t ang r We W b 2. 2 .C ¸ C c c p h p ư¬ng t ng hø t c hø c vµ t hu vµ t é hu c é tÝ t nh Ý c nh ñ c a ñ c¸c c ® è ® i è i t ưîng î 2. 2 2 . . .§ è § i è tưîng î do d cu c me m nt e 2. 2 3 . . .§ è § i è tưîng î fo f r o m 2.4 2 . §è § i è i t ưîng î li l nk i s 2. 2 5 . . .§ è § i è tưîng î te t xt, xt t e t xt e ar xt ea, e a, vµ p as vµ p sw s o w r o d 2. 2 6 . . .§ è § i è tưîng î se s le l ct c t ( gi ( è gi n è g nh nh lis i t s bo b x) o 2. 2 7 . . .§ è § i è tưîng î bu b tt t o t n, n, s u s b u mi m t i , t ,r e r s e e s t e 2. 2 8 . . .§ è § i è tưîng î che c ckb k o b x o , ,ra r di d o III. X . ö X ö l ý l ý c ¸ c c ¸ c s ù s ù k i k Ön i Ön t r t ªn r ªn t r t a r n a g n g We b We 2. .C¸ C c ¸ c ph p ư¬ng ¬n g th t ø h c ø c vµ v µ th t u h éc u éc tÝn Ý h h cñ c a ñ a c¸ c c ¸ c ®èi è i tư t îng n 2. 2 2 . 2 § èi è i tưîng în g do d cu c m u en m t en * C¸c phương thức: Ph P ư¬n ¬ g n g th t øc ø c Môc Mô c ®Ý c ®Ý h c write(expression) hoÆc
ViÕt biÓu thøc expression ra trang web trªn cöa cña tr×nh writeln(expression) duyÖt
NÕu cã nhiÒu biÓu thøc cÇn viÕt th× c¸c biÓu thøc nµy c¸ch nhau dÊu phÈy (,)
writeln kh¸c write ë chç lµ sau khi viÕt xong th× xuèng hµng tiÕp theo.
VÝ dô : §Ó viÕt mét biÓu thøc 5+ 5 6 + = 6 1 = 1 1 1 ra tr×nh duyÖt b¹n sö dông có ph¸p như sau: document.write("5 + 6 =",5+6) II I I I . .Xö Xö lý l ý c¸ c c¸ sù sù ki Ö ki n n t rªn t rªn t ra t n ra g n We W b e 2. .C¸ C c ¸ c ph p ư¬ng ¬ ng thø t c c vµ v µ thu t é hu c c tÝ t nh nh cña ñ a c¸ c c ¸ c ®èi è i tưîng 2. 2 2 . § èi è i tưîng î ng do d cu c m u e m n e t n * C¸c thuộc tÝnh: Th T uéc u éc tÝ t nh n h Mô M c ô c ® Ý ® c Ý h c bgcolor="#rrggbb"
X¸c ®Þnh mµu nÒn cho tµi liÖu fgcolor="#rrggbb"
X¸c ®Þnh mµu ch÷ cho tµi liÖu linkColor="#rrggbb"
X¸c ®Þnh mµu cho c¸c liªn kÕt khi chưa cã sù viÕng th¨m liªn kÕt ®ã vlinkColor="#rrggbb"
X¸c ®Þnh mµu cho c¸c liªn kÕt khi ®· cã sù viÕng th¨m liªn kÕt ®ã
alinkColor=="#rrggbb" X¸c ®Þnh mµu cho liªn kÕt khi nã ®ưîc kÝch ho¹t II I I I . .Xö Xö lý l ý c¸ c c¸ sù sù ki Ö ki n n t rªn t rªn t ra t n ra g n We W b e 2. .C¸ C c ¸ c ph p ư¬ng ¬ ng thø t c c vµ v µ thu t é hu c c tÝ t nh nh cña ñ a c¸ c c ¸ c ®èi è i tưîng 2. 2 2 . § èi è i tưîng î ng do d cu c m u e m n e t n
VÝ dô : Thay ®æi mµu nÒn cña trang web khi ngưêi sö dông
nhËp vµo tæ hîp mµu (hay tªn mµu) trong « textbox vµ kÝch nót "bg b C g olor" olor II I I I . .Xö Xö lý l ý c¸ c c¸ sù sù ki Ö ki n n t rªn t rªn t ra t n ra g n We W b e 2. .C¸ C c ¸ c ph p ư¬ng ¬ ng thø t c c vµ v µ thu t é hu c c tÝ t nh nh cña ñ a c¸ c c ¸ c ®èi è i tưîng 2. 2 2 . § èi è i tưîng î ng do d cu c m u e m n e t n
VÝ dô : Thay ®æi mµu nÒn cña trang web khi ngưêi sö dông
nhËp vµo tæ hîp mµu (hay tªn mµu) trong « textbox vµ kÝch nót "bg b C g olor" olor