Professional Documents
Culture Documents
II. JAVASCRIPT C BN
Cc on m JavaScript c chn vo trang HTML bng cch t trong cp th <script> v </script>. Ngoi ra c th khai bo JavaScript bn ngoi theo c php: <script type="text/javascript" src="xxx.js"></script> v t khong c php ny trong th <head>. Thng s src s ch n a ch file JavaScript c sn. Cc th JavaScript c th c t trong th <head> v th <body>. NHM SVTH:16 1 GVHD: NGUYN THNH THY
Lu rng: on -> cn t sau // trnh JavaScript hiu nhm. Ging nh C. JavaScript c hai cch biu din ch thch l // cho mi dng vn bn ring bit v /* on ch thich*/. 1. Cc k t c bit trong JavaScript Trong thc t vic thm cc k t c bit vo vn bn l iu hon ton bnh thng. V th JavaScript cung cp mt bng bn c th chn cc k t c bic v m khng nh hng n qu trnh x l chng trnh. Bng:
Code \' \" \\ \n \r \t \b \f Outputs single quote double quote backslash new line carriage return tab backspace form feed
2. S dng JavaScript thay i trang HTML Ch rng vic thay i ni dung trang HTML s c din ra trn nn HTML ch khng phi trn mn hnh my tnh. a) Lnh xut chui k t ca JavaScript C php: document.write(Th HTML) Lnh c dng chn on m HTML c bn. V d:
NHM SVTH:16
Kt qu hin th.
y lnh Date() c tc dng ly thi gian ca my tnh ngi dng ti thi im hin ti. Nh v d ny l: Th 7, ngy 15 thng 10 nm 2011 mi gi -7h tnh theo gi Thi Bnh Dng. b) Thay i thnh phn trang HTML thay i hay thao tc trn cc phn t HTML ta s dng phng thc getElementById (). Phng thc ny tr n th HTML c a chi ID c nu ra trong th. V d:
Kt qu hin th
C th thy rng trong cp th <p> v </p> khng h c bt k mt k t no. Tuy nhin, ni dung ca c on m JavaScript thay i qua a ch ID ca n. on lnh innerHTML c s dng chn on vn bn kia vo trong cp th c ch nh. 3. Hm trong JavaScript Khai bo hm trong JavaScript: NHM SVTH:16
Kt qu hin th
y, ta thy c s tng tc gia on m HTML v on m JavaScript. Bng cch gn s kin khi nhp chut bng tn hm c khi to trang th <script>. Khi nhp chut th hnh ng tng ng s gi hm displayDate v thc hin n. 4. Bin trong JavaScript a) c im bin trong JavaScript C php khai bo: var <tn bin> NHM SVTH:16 4 GVHD: NGUYN THNH THY
Nh rng cc rng buc x++ hay x- - trong biu thc 2 ngi s thc hin php tnh cng ay tr mt n v sau khi thc hin biu thc v ngc li vi ++x hay --x. Cc cch vit biu thc khc
Php ton += -= *= /= %= V d x+=y x-=y x*=y x/=y x%=y Cch vit tng ng x=x+y x=x-y x=x*y x=x/y x=x%y
Ch rng nu thc hin php cng mt s vi mt chui trong JavaScript th vic s ging nh vic cng hai chui. V d:
NHM SVTH:16
Kt qu hin th
c) Php ton so snh v logic trn bin Bng cc php so snh (Gi s x=5):
Php ton == === != > < >= <= ngha So snh bng So snh bng v loi v gi tr So snh khc So snh ln hn So snh b hn Ln hn hoc bng B hn hoc bng V d x==8 tr v false x==5 tr v true x===5 tr v true x==="5" tr v false x!=8 tr v true x>8 tr v false x<8 tr v true x>=8 tr v false x<=8 tr v true
Nu iu kin ng th on m trong lnh If s c thc hin. Ngc li s thc hin cc lnh trong phn Else. V d
Kt qa hin th
y, on m s kim tra xem by gi la my gi v a ra li cho thch hp vi thi im . Cu trc If-Else c th khuyt phn Else hoc lng nhau tu theo yu cu ca ngi vit. b) Cu trc Switch-Case C php:
NHM SVTH:16
Cu trc lnh Switch-Case s thc hin cc lnh theo gi tr ca bin n. Nu cc gi tr ca n khng c th s thc hin cc lnh sau default. Nu khng c lnh break th cc on m s tip tc thc hin cc lnh cc th sau cho n khi kt thc hoc gp lnh break. V d
Kt qu
2. Cu trc vng lp Khi x dng cu trc vng lp, trong mt s trng hp nu cn thoat khi vng lp ngay th c th s dng lnh break thot khi vng lp hin ti ang cha lnh . a) Vng lp For C php: NHM SVTH:16 8 GVHD: NGUYN THNH THY
Vng lp For c dng khi bit trc s ln lp, hay ni cch khc l s ln thc hin cc lnh bn trong thn. V d:
Kt qu hin th
Ngoi ra, v JavaScript l ngn ng kch bn Web nn cn mt bin th vng lp For khc na c dng kim tra cc gi tr c lu tr trong mt i tng no . V d:
Kt qu: C th thy rng mng person c 3 gi tr v vng lp For s in ra mn hnh cc gi tr . Thay v khai bo cho chy 3 ln th y ch cn khai bo lnh t chy cho n khi ht cc gi tr trong mng person. b) Vng lp While C php:
NHM SVTH:16
Vng lp While s thc hin cho n khi biu thc iu kin l sai. V vy nn ch trnh vng lp v hn. c) Vng lp Do...While C php:
Tng t nh vng lp While tuy nhin thay v kim tra iu kin ri thc hin thi vng lp Do...While li thc hin khi lnh trc khi kim tra iu kin.
Trong trng hp cc lnh trong khi try khng thc hin c v xut hin li, cc x l tng ng c ngi lp trnh vit ra trong phn catch s c thc hin. 3. S dng Throw gip bt ngoi l C php:
Khi vit lnh try-catch c th s dng lnh Throw xc nh cc li php sinh trong try. Vic ny tng hiu xut kim sot li pht sinh hn. V d: NHM SVTH:16 10 GVHD: NGUYN THNH THY
V. HP CNH BO
C 3 loi hp cnh bo l Hp c bn (Alert Box), Hp xc nhn (Confirm Box) v Hp nhp d liu (Prompt Box). 1. Hp c bn (Alert Box) C php: c s dng a ra mt thng bo n ngi dng. 2. Hp xc nhn (Confirm Box) C php: c s dng yu cu ngi s dng xc nhn mt yu cu m h thng ngh. 3. Hp nhp d liu (Prompt Box) C php: S dng yu cu ngi s dng nhp mt trng thng tin nht nh.
NHM SVTH:16
11