Javascript

September 16, 2009
[JAVASCRIPT]
Mc Lc
Gii Thiu V Hocvui.net ..................................................................................................................................... 3 M U Javascript ............................................................................................................................................. 3 M u v Javascript ........................................................................................................................................ 3 C php Javascript ............................................................................................................................................ 5 Cc kiu gi tr ................................................................................................................................................. 6 Tip theo .......................................................................................................................................................... 7 Php ton, cu lnh gn. .................................................................................................................................. 10 javascipt Cch t tn bin .............................................................................................................................. 11 javascript Function - hm ................................................................................................................................ 12 th tc vo, ra n gin ................................................................................................................................... 12 javascript - event............................................................................................................................................. 13 Cc hm s dng trong cc v d ...................................................................................................................... 14 Mt s hm hay dng trong JavaScript ............................................................................................................. 14 JavaScript Comments - ch thch ..................................................................................................................... 15 CU TRC R NHNH ................................................................................................................................... 16 cu trc r nhnh - cu lnh if .......................................................................................................................... 16 else if ............................................................................................................................................................. 17 CU TRC LP ............................................................................................................................................... 19 Cu trc lp .................................................................................................................................................... 19 break, dng vng lp ....................................................................................................................................... 20 MNG .............................................................................................................................................................. 21 Mng trong javascript ..................................................................................................................................... 21 Ti sao li dng n mng ............................................................................................................................... 22 Array function - cc hm lm vic vi mng ..................................................................................................... 24 Mng hai chiu javascript ................................................................................................................................ 26 Mng dng sn ............................................................................................................................................... 27 JS FUNCTION - HM ....................................................................................................................................... 29 T son tho cc hm javascript....................................................................................................................... 29 Hm v cc tham s ........................................................................................................................................ 30 Bin ton cc v bin cc b ........................................................................................................................... 32 javascript - function return............................................................................................................................... 34 FORM ............................................................................................................................................................... 37 Gii p trc thc mc v nhng du chm..................................................................................................... 37 javascript lm vic vi cc form....................................................................................................................... 37 Nhn + thit lp thng tin t cc biu mu ........................................................................................................ 41 Kim tra cc trng text,password,textarea....................................................................................................... 43 kim tra trng select...................................................................................................................................... 44 HocVui.Net Page 1
September 16, 2009
[JAVASCRIPT]
Kim tra cc nt radio ..................................................................................................................................... 45 X l chui. ................................................................................................................................................... 46 WINDOW.......................................................................................................................................................... 48 Lm vic vi cc ca s. ................................................................................................................................. 48 ng ca s m ......................................................................................................................................... 49 Di chuyn ca s ............................................................................................................................................ 50 a ch ca s................................................................................................................................................. 51 FRAMES ........................................................................................................................................................... 52 Javascript v frame ......................................................................................................................................... 52 V d v frame v js ........................................................................................................................................ 53 HN GI........................................................................................................................................................... 66 nh gi cho cc s kin ................................................................................................................................. 66 clearTimeout - Ngng hn gi ......................................................................................................................... 67 To mt ng h bm gi ................................................................................................................................ 68 LINH TINH KHC............................................................................................................................................ 69 Lm vic vi ngy gi..................................................................................................................................... 69 JavaScript getElementById.............................................................................................................................. 70 JavaScript innerHTML.................................................................................................................................... 71 JavaScript Void 0............................................................................................................................................ 71 Vn trnh duyt Navigator ........................................................................................................................... 72 COOKIES.......................................................................................................................................................... 73 Cookies dng lm g ................................................................................................................................... 73 Thit lp cookies............................................................................................................................................. 75 c cookies.................................................................................................................................................... 76
HocVui.Net
Page 2
September 16, 2009
[JAVASCRIPT]
Gii Thiu V Hocvui.net

R rng, Internet ang thay i th gii, v d nhin thay i c nhiu ngi trong chng ta. Chng ta c thm nhiu cch giao dch, nhiu cch tr truyn, nhiu th vui chi, v c l trn ht l nhiu kin thc hn... Cc tin t t nhng Website t mt th th v tr thnh tt yu, tm kim thng tin vi Google, mt gc ring ca mnh vi Yahoo Blog, xem video trn Youtube c l tr thnh thi quen ca nhiu ngi trong chng ta. Mt iu chc chn l ng dng Web s cng ngy i su v pht trin hn na vo cuc sng ca con ngi . V th hocvui.net c to ra em li cho cc bn nhng hiu bit nn tng v mng kin thc ny. Lng thng tin qua mng Internet gi y nhiu hng k xit, hocvui.net chng qua l mt Website c xy dng bi nhng hc sinh, chc chn s khng th no em ti cho bn nhng kin thc chuyn su, cng nh khng h dm khng nh rng hocvui.net khng c thiu st. Mi iu hocvui.net mun em l chia s cho cc bn nhng g chng ti bit v ngc li t pha bn. Chng ta hy cng hc hi v cng chia s cho nhau nhng kin thc ! Cc bi vit hng dn ca hocvui.net u c vit ra trong qu trnh t hc, sau t nhng kinh nghim thc t, mnh trnh by li, su tm thm, cng nh thm vo nhng lu ca chnh bn thn mnh. Bi vit ca mnh c mnh sp xp theo th t t n gin ti phc tp, h thng kin thc li mt cch c ng nht c th. k c th t cc ngn ng mnh cng sp xp teo th t t c bn nht ti nng cao dn, mong cc bn hy xem qua cc bi vit ca mnh vi th t . HTML>>JAVASCRIPT/VBSCRIPT>>PHP/ASP>>SQL, mi bi u xem t trn xung di, ng nn b qua th g, l kinh nghim m mnh c kt c. V iu quan trng nht: Mnh lun mong mun cc bn c th gip mnh hon thin ni dung kin thc bng cch vit cc comment cho bi vit, thng thng a ra kin, nu ra nhng khuyt im chng ta cng sa cha. Chn thnh cm n cc bn!
M U Javascript
M u v Javascript
Thng Su 02, 2009, 03:11:00 PM gi bi nvcnvn
Javascript l ngn ng th hai mnh mun gii thiu vi cc bn va mi bc chn vo con ng webmaster, rt nhiu cc cao th thit k web s dng ngn ng ny v khin trang web ca h tr nn sng ng, c th ni javascript tr thnh mt ngn ng khng th khng nhc ti khi ni ti lnh vc thit k website. Sau y l mt s thng tinh m mnh su tm chng ta cn i ba hoa JavaScript, theo phin bn hin hnh, l mt ngn ng lp trnh kch bn da trn i tng c pht trin t cc nim nguyn mu. Ngn ng ny c dng rng ri cho cc trang web, nhng cng c dng to kh nng vit script s dng cc i tng nm sn trong cc ng dng. N vn c pht trin bi
HocVui.Net Page 3
September 16, 2009
[JAVASCRIPT]
Brendan Eich ti Hng truyn thng Netscape vi ci tn u tin Mocha, ri sau i tn thnh LiveScript, v cui cng thnh JavaScript. Ging Java, JavaScript c c php tng t C, nhng n g n vi Self hn Java. .js(sau ny mnh gi tt javascript l js lun cho n ngn) l phn m rng thng c dng cho tp tin m ngun JavaScript. Phin bn mi nht ca JavaScript l phin bn 1.5, tng ng vi ECMA-262 bn 3. ECMAScript l phin bn chun ha ca JavaScript. Trnh duyt Mozilla phin bn 1.8 beta 1 c h tr khng y cho E4X phn m rng cho JavaScript h tr lm vic vi XML, c chun ha trong ECMA-357. iu kin cn hc javascript: Kin thc c bn ca HTML v ngi bn Notepad
V c th i u cng c th noi rng: Tui bit cht t Javascript, ta hy vit on javascript u tin ca mnh, bng cch m bt k mt file html no ca mnh ra, chn on code n vo bt c u: Code: <script language="javascript"> alert('javascript'); </script> V d: Code: <html> <head> <title>Test Script</title> </head> <body> <script language="javascript"> alert('javascript'); </script>
HocVui.Net Page 4
September 16, 2009
[JAVASCRIPT]
</body> </html> Ch : Nu bn dng trnh duyt IE, rt c th bn s khng chy c script, bn s thy mt thng ip ti l trn ca trnh duyt:
Click vo ci thanh bo chn Allow blocked content.. Th lc javascript mi c th chy!...
C php Javascript
Thng Su 05, 2009, 07:03:39 AM gi bi nvcnvn Javascript thng c hn vo mt trang web, nu khng mun ni l sinh ra ch chn vo trang web. Ta c t chn Javascript vo html rt n gin vi ci th script, sau chn code javascript vo bn trong ni dung th script. Code: <script language="javascript"> document.write("Hello World!"); </script> kt qu: Hello World! iu t bit l js c th xut ra html. y d nhin l iu khng th thiu lp trnh web vi mt ngn ng lp trnh Code: <script language="javascript"> document.write("<b>Hello, what's your name!?</b>"); document.write("<b>My name:</b> <input type=\"text\" />"); </script> Bn hy t th xem nh!
Cu hi t ra l: ti sao li khng vit mi th mt cch bnh thng! hay bn thc mc v bt c iu g! Cu tr li s nm cc phn sau! By gi ch ti mt c php! bn trc, mi ln mnh vit document.write() th l mt cu lnh, mi cu lnh: Code: Cu lnh l n v c bn ca mt ngn ng lp trnh. Trong trng hp c bit, n c th cng tr thnh mt n v thao tc ca my tnh in t hay cn gi l mt ch th. V mc phc tp, vic dng cc ch th trc tip iu khin my tnh s rt t thng dng. Thay vo ,
HocVui.Net Page 5
September 16, 2009
[JAVASCRIPT]
ngi ta ghp mt s t hp ca cc ch th cho my thi hnh c mt ng tc ln hn goi l cu lnh. Nh vy mi cu lnh bao gm mt hay mt s mnh lnh my tnh c sp xp theo trnh t xc nh v nhm mch ch ra lnh cho CPU tin hnh mt thao tc c nh c ngha. Ty theo ngn ng lp trnh, cc cu lnh s c cu trc khc nhau v c trt t sp xp nht nh. Trt t ny thng khng i v c gi l c php (syntax). Cu lnh c th hiu nh l mnh c bn c th c cu trc thng qua vic x dng cc t kha ( c nh ngha t trc bi ngn ng lp trnh) hoc l c th to bi cc ch th t cc cu trc ng php hay c php c nh nghi sn. Cc cu lnh ca mt chng trnh dng ch th cho my tnh bit lm g, x l nh th no vi cc d liu v t tin hnh cc php tnh ton hay bin i d liu t c kt qu. V kt thc mi cu lnh, ta phi kt thc vi du ;
Chn javascript vo HTML

Cc v d trn nu ra cch chn javascript vo HTML bnh thng vi cp th <script> Nu bn c mt on javascript, v mun dng n cho nhiu trang web, bn khng cn phi vit li. Save ni dung javascript (kho6ng c hai th <script> nh) li vi mt file c phn m rng l .js (ging nh vi html l .html thi) t thm thuc tnh src vo th script m: VD: Code: <script language="javascript" src="http://hocvui.net/javascript/ads.js"></script> Bn trong th script khng cn cha bt c g nhng ni dung ca file cha javascript c thm vo trang html. Sau ny khi cc bn c c th vit nhng hm cho ring mnh, t bit l vi nhng hm di, cng dng trn nhiu site, cch lm ny rt hu t.
Cc kiu gi tr
Thng Su 09, 2009, 11:24:53 AM gi bi nvcnvn Javascript thuc loi ngn ng m kiu ca bin c on, mt s ngn ng cn c khi bo trc kiu bin nh pascal chn hn! Mt s kiu gi tr: Boolean Boolean l gi tr logic c hai gi tr l TRUE hoc FALSE.(TRUSE c ngha l ng, FALSE l sai) S l loi gi tr dng tnh ton , ng ni bn khng bit s l g nha! S th c s ng, s nguyn...... Chui Chui l cc k t bng ch ci + k t c bit + s, ni chung l bt k ci g m ta vit ra trn bng phm c, th l chui! Phn bit kiu chui v s ta gn bin a v b vi cc gi tr nh sau: a=1; b="1"; a s mang gi tr s, cn b mang gi tr chui ==> t bn trong du nhy l chui!
HocVui.Net Page 6
September 16, 2009
[JAVASCRIPT]
Thng Su 08, 2009, 03:37:51 PM gi bi nvcnvn cc bn lm quen vi hai khi nim u tin l hm v bin, y nu bn tng hc qua bt k mt ngn ng lp trnh no th mi vic s c n gin ho, nhng cn vi nhng ngi khng chuyn nh ti mnh, mi vic s hi rc ri phi dnh ring mt bi ni cho r! V d mnh c on code 1 Code: <script language="javascript"> alert("aaaaaaaaaaaaaaaaaa"); </script>
Tip theo
Vi on code tng t nhng: 2 Code: <script language="javascript"> thongbao="aaaaaaaaaaaaaaaaaa"; alert(thongbao); </script>
v on code th hai: 3 Code: <script language="javascript"> thongbao="aaaaaaaaaaaaaaaaaa"; alert("thongbao"); </script>
HocVui.Net
Page 7
September 16, 2009
[JAVASCRIPT]
Cng mt lot v d tng t nhng vi ni dung l mt con s : 4 Code: <script language="javascript"> alert("1111111111"); </script>
v: 5 Code: <script language="javascript"> alert(1111111111); </script>
By gi ta gn cho mt bin gi tr 11111111111 6 Code: <script language="javascript"> thongbao=1111111111; alert(thongbao); </script>
v: 7 Code: <script language="javascript"> thongbao="1111111111"; alert(thongbao); </script>
HocVui.Net
Page 8
September 16, 2009
[JAVASCRIPT]
Chc cc bn cng nhn ra, s c bit mnh mun nhn mnh chnh l cc du ("), t trong php gn gi tr ti ni dung hm. v d 2,3 chng ta nhn ra ngay s khc bit! gi hai kt qu aaaaaaaaaa v thongbao, tht s l nh th ny: thongbao="aaaaaaaaaaaaa"; dng ny c ngha l gn gi tr l chui aaaaaaaaa cho bin thongbao. alert(thongbao); lnh alert s ly gi tr m bin thongbao mang v in ra, trong lc ny thongbao c gi tr l aaaaaaaaa. Nhng vi dng lnh: alert("thongbao"); dng ny c ngha l in ra chui thongbao. Nh vy, ta thy c rng gi tr chui s c t trong cp du " Cn vi cc v d 4,5,6,7 cc bn bit ti sao kt qu lc no cng l nhng con s mt tuy r rng l c s khc bit gia cc dng cc du " Tht ra l v : alert("1111111111"); cc con s mt y hiu l chui dng s. alert(1111111111); cn y l con s 1111111111. K t ch ci lc no cng l chui, tr phi l tn ring ca ci g , s m t bn trong du ngo85c kp kp th tr thnh chui. dng gi tr ca bin th bin khng c t trong du ngoc kp ging nh v d 3, ca ngi lp trnh l hm ny s in ra gi tr ca bin thongbao, nhng li nhm khin gi tr in ra l chui thongbao. y cng l l do m tn bin bt buc phi bt u vi k t ch ci, th ngh xem, mt anh chng quyt nh t tn bin l 123 v gi tr ca n l 456 rc ri s ny sinh ra y! Cn y l v d cui cng ca bi ny: 8 Code: <script language="javascript"> a=2001; alert("Anh yu em t nm anh "+a); </script>
Hoc l vi v d ny 9 Code: <script language="javascript"> b="Anh yu em t nm anh "; a=15; alert(b+(a+1)+"tui"); </script>
HocVui.Net Page 9
September 16, 2009
[JAVASCRIPT]
Lm n ng c ti ci du cng, ch hy hiu l du + dng ni hai th li. V d ny va th hin r mi quan h gia bin, chui v s, tt nhin l ti sao cn dng ti bin. v nh v d 8, bn ni bn yu mt c t nm 2001, l vi nm sau chia tay, bn mun dng li trang web ny tng cho mt c khc, lc ny bn thy mi vic n gin l i nm quen bit li, nhng hy t trng hp c chng trnh khng ch c mt dng c nm 2001 th sa li mi chuyn s n gin hn nhiu nu ta dng ti bin. Cn v d 9, cc cp du () cng th hin th t u tin cho cc bc thc hin nh trong mn ton, mnh ch vit v d ny cho cc bn hiu thm.
Php ton, cu lnh gn.

Thng Su 11, 2009, 11:19:25 AM gi bi nvcnvn Cu lnh gn: Lnh gn l 1 trong nhng lnh c bn nht ca ngn ng lp trnh, trong javascript c dng: <tn bin>=<biu thc>; nu gn bin cho gi tr chui: <tn bin>="<biu thc>"; cn c thm cp du nhy. Cc bn s tm hiu su hn cch dt tn bin bi cch t tn bin
1.Ton t s hc (+[cng], -[tr], *[nhn], /[chia] , %[chia ly d], ++[t tng 1], --[t gim 1]) + : Php cng.(khi gi thch) - : Php tr.(khi gi thch) * : Php nhn.(khi gi thch) /: Php chia.(khi gi thch) % : Php chia ly phn d.VD: 5/3 c 1 d 2 th 5%3=2, ++: Php tng mt n v.VD: 1++=2; 5++=6 --: Php gim mt n v.VD:1--=0; 9--=8 2.Ton t so snh == : So snh bng. > : So snh ln hn. < : Nh hn. >= : So snh ln hn hoc bng. <= : Nh hn hoc bng. != : So snh khc Ch : ch c <= (b hn hoc bng) ch khng c =<(bng hoc b hn, cng nh th i vi >=, khng c chuyn =>) 3.Ton t logic && (and): Gi tr ng khi c hai cng ng. VD: nu (anh yu em) v (em yu anh) th ci ngay . ta ch ci ngay khi hai iu kin trong ngoc cng ng. || (or) : Gi tr ng nu mt trong 2 u ng. VD:nu (em au kh) hoc (anh au kh) th chia tay
HocVui.Net Page 10
September 16, 2009
[JAVASCRIPT]
! Ch cn mt trong hai iu kin ng l chia tay i vi chui Ton t + tng trng cho vic ni hai chui li. VD: a="I am"; b="Nguyen"; c=a+b; th c c gi tr l chui "I am Nguyen"
javascipt Cch t tn bin

Thng Su 05, 2009, 11:29:25 AM gi bi nvcnvn trc tin, dnh cho cc bn mi bc chn vo lnh vc lp trnh: Bin l i lng c t tn, dng lu gi gi tr v gi tr c th thay i trong qu trnh thc hin chng trnh. SGK 11/12 Qu tht khi nim c coi l c bn ny kh l m h cho nhng ngi mi bt u nh chng ta, nhng cc bn s t t hiu mi vn khi tip tc i su vo! Mt v d i thng: Bn c mt bao thuc l, bn ly cy vit t tn n l a, bn nht 10,000 VND vo bao thuc l, th lc ny bao thuc l c gi tr l 10,000 VND (tt nhin l khng tnh tin ci bao ) ri mt hi sau, bn ly 10,000 ra, b vo t 5,000 th n c gi tr 5,000.... hay l x,y,z trong mt bi ton, ta cho x=5, y=6, z=x+y th Z=11 Cn trong lp trnh javascript Bin li chia lm 2 loi, bin ton cc v bin cc b, y l hai khi nim m ni thit, hi kh l phn bit ngay lc ny, cc chiu kh t t ri ta s quay li, by gi chng ta ch nhn bit s qua! Bin ton cc: ta khai bo bin ton cc rt n gin, v d ta t tn bin l a v gi tr =1. Code: a=1; Bin ton cc c gi tr trong ton b vn bn bin cc b: ta cn thm t kho var vo trc. Code: var a=1; bin cc b tt nhin khc vi bin ton cc l n ch c hiu lc trong cc b , tt nhin cc b y l ci g th ta s tm hiu sau ha! Quy tc t tn bin C 3 quy tc: K t bt u phi l mt ch ci, cn cc k t tip theo c th l ch s, gch di, ch ci. Ngoi my th k trn ra, bn khng nn thm bt c th g khc vo tn bin! Khng c c khon trng Cc bin phn bit ch hoa ch thng, v th ANH s khc vi Anh cng nh anh, trnh rc ri, ta nn dng ch thng cho tt c tn bin v dng du _ phn cch thay cho khong trng.
HocVui.Net Page 11
September 16, 2009
[JAVASCRIPT]
javascript Function - hm
Thng Su 08, 2009, 11:30:21 AM gi bi nvcnvn Hm...., hm khng c g l xa l vi cc bn, trong cc v d ca mnh bi u tin cng c dng mt hm, l hm alert. Ni n gin : Hm l th m khi ta gi (gi c ngha l vit ra v cho dng lnh chy) th n s thc hin mt s thao tc nht nh. Hm thng c dng: functionname() bn trong du ngoc () i khi ch c g, i khi l mt con s hoc trong trng hp hm alert th l mt chui, t t ta s gii thch thm! V d khi ta dng hm alert("thng bo ci g ") th cng vic ca n s l: m ra ci khung, ci khung c ci vin, ci vin mu ..., nn mu...., trong nn c dng ch thng bo ci g . Hm alert l mt trong nhng hm dng sn trong javascript, c rt nhiu cc hm nh th, cc bi sau s ni r hn v tng hm. bn cng c th vit mt hm co ring mnh. ni thm v cch t vit hm: Mnh s khng ni v cc vit m s ni cho bn mt v d: Bn lm mt trang web cho ngi yu, bn mun t nht 10 ln s kin A sut hin, S kin A bao gm: Vit ra dng ch anh yu em Chuyn dng ch thnh mu chuyn dng ch thnh mu xanh vit ra dng ch em yu anh khng th tu
V d ny d hiu hn ha!
th tc vo, ra n gin
Thng Su 09, 2009, 04:14:41 PM gi bi nvcnvn Trc ting ta cng phi bit mt, hai cch nhn d liu v xut d liu ra mn hnh cn bit ng lm v d! hai th tc m mnh dng nah65p v xut d liu l hm Prompt v hm ale rt. V d nh ta lm mt ci my tnh, tnh bnh thng ca mt s no , th tt nhin phi c mt ch no co ngi dng in s vo. hm Prompt yu cu ngi dng nhp vo mt s thng tin no v sau khi ngi dng nhp v nhn OK, hm s gn nhng g ngi dng nhp vo cho mt bin. VD: Code: a=prompt("y l i s th nht","Gi tr mc nh"); b=a*a; alert("Bnh phng ca "+a+" ="+b); Xem v d
HocVui.Net
Page 12
September 16, 2009
[JAVASCRIPT]
Ta phn tch a=prompt("S th nht",""); y ta thy a c gn gi tr l hm prompt, trong hm prompt yu cu hai i s(i s chng qua l ci g hm yu cu, hai i s phn cch nhau b du phy) i s th nht l thng bo s hin th trong prompt, thng l cu hi, hay yu cu nhp gi tr, i s th hai l gi tr mc nh bn trong trng tng tin, nu khng mun c bt k gi tr no bn trong y, ta t ngay sao du phy cp du nhy. Hm alert th qu quen thuc chc khng cn ni na!
javascript - event
Thng Su 08, 2009, 05:09:39 PM gi bi nvcnvn Bn cn nh bi Event ca HTML khng, chnh l n ! Cc bn nn xem qua trc khi i vo. Kh m hiu c bi ny nu cc bn khng xem qua n! Event dch ra ngha Ting Vit chc l S kin. v d nh s kin onclick c ngha l khi click chut. Khi click chut s c mt ci g hin ra. Trong javascript, gi s bn c mt on code nh th ny( chn vo file html nh): Code: alert("ln th nht"); alert("ln th hai"); alert("ln th ba"); Vit ra nh th th s ln lt hin ra ba bng khng bo, nhng nu bn mun tu theo hnh ng ca ngi dng, scpit s chy th phi dng ti event, d hin tnh tng tc ca website ph thuc vo vn ny! mt iu ch : bn cn nh trong cc quy tc XHTML, ta gi tr ca cc s kin phi t trong cp du ", nu on script cng c cha du nhy kp, mi th s b nhm ln, ta cn i du nhy kp ca scpit thnh du nhy n. VD: Code:
HocVui.Net Page 13
September 16, 2009
[JAVASCRIPT]
<a href="#" onclick="alert('v d');">Click</a>
Vn ny ni ti y th r, cc bn ch vic xem k li bi HTML Event.
Cc hm s dng trong cc v d
Thng Su 17, 2009, 04:10:09 PM gi bi nvcnvn alert(): M mt hp thng bo vi ni dung t bn trong du ngoc kp Xem v d
prompt(): M mt hp thoi cho php ngi s dng hng tin vo Xem v d
document.write(): in ra mn hnh vi ni dung t bn trong du ngoc kp ...
Mt s hm hay dng trong JavaScript

Thng Hai 12, 2009, 12:07:38 PM gi bi nvcnvn * parseInt("chui"): bin chui thnh s nguyn * parseFloat("chui"): bin chui thnh s thc * Number(<i tng>): chuyn i mt "i tng" sang dng s. Nu tht bi tr v NaN (not a number) * isNaN(<gi tr>): kim tra gi tr. Nu khng phi s tr v true, ngc li nu l s tr v false
HocVui.Net Page 14
September 16, 2009
[JAVASCRIPT]
* eval("chui"): bin chui thnh biu thc tnh ton c, hoc bin chui thnh lnh thi hnh c nh l m lnh ca JS. * Math.PI : hng s PI = 3.14 * Math.sqrt(a) : cn bc 2 ca a. * Math.pow(x,y) : tnh xy * Math.random() : to s ngu nhin >0 v <1
JavaScript Comments - ch thch

Thng Su 19, 2009, 02:11:02 PM gi bi handsome Vi nhng on m dai, chc hn s rt kh nh ngay c ngh ca bn sao nhiu thnh. Ci m bn cn lc vit code l mt vi dng ch thch. Ch thch s khng c ngha lp trnh, mi ln bt gp ch thch javascript s b qua n. Ch thch bt u vi // u mt hng bn hy vit hai du ny, v tt c nhng g nm cng hng vi hai du ny s c xem l ch thch. VD: Code:
<script language="javascript"> //Dng ch thch a alert("Code javascript"); //dng ch thch b alert("Code javascript"); </script>
Nhiu ch thch cng lc

Khi m bn c mt ch tch qu di v vic vit trn cng mt hng tr nn qu kh khn, hy dng hai k t /* bt u nhng dng ch thch, v nh du kt thc bng hai k t */ VD: Code:
/* Nhng dng ch thch khng nht thit rng phi nm cng hng */ alert("Code javascript");
HocVui.Net
Page 15
September 16, 2009
[JAVASCRIPT]
CU TRC R NHNH
cu trc r nhnh - cu lnh if
Thng Su 11, 2009, 04:29:50 PM gi bi nvcnvn c bi ny cc bn cn xem li: cc kiu gi tr,Php ton, cu lnh gn. Trong cuc sng, c nhiu vic ta ch lm khi tho mn mt s iu kin c th. V d: Mt ng b ha vi con trai: _Nu con i hc th b s thng cho con mt chic xe. Chng no m iu kin con i hc th ng b mi lo ti chuyn thng cho con mt chic xe . Ti mt ngy kia, ng b li ni vi cu con trai. _Nu con i hc th b s thng cho con mt chic xe, nu khng th i ngha v qun s. cu ni th nht ca ng b, khng ni r thi rt th c c huyn g, cn cu th ai c ni r. Trong lp trnh tuy hnh thc tng ngn ng hi khc nhau nhng cng c hai dng c bn ca cu iu kin, ta ch bn ti cu lnh ny trong phm vi javascript if-then if(<iu kin>) { cu lnh 1; cu lnh 2; ................ } Nu ch c mt cu lnh sau v iu kin th ta khng cn cp du ngoc {}, nhng lun c c hin din ca cp du {} l mt thi quan tt, gip trnh nhm ln! if-then-else if-then if(<iu kin>) { //cc cu lnh s thc hin nu iu kin tho mn cu lnh 1; cu lnh 2; ................ }else{ //cc cu lnh thc hin khi iu kin khng tho mn cu lnh 1; cu lnh 2; ................ } Cch xc nh ng hay sai V d ta c on script: Code: a=3; b=5; if(a<b) { alert("ng"); }else{
HocVui.Net Page 16
September 16, 2009
[JAVASCRIPT]
alert("Sai"); } Trng hp ny th kt qu s l bn thng bo vi ni dung ng Nhng hy xt thm trng hp: Code: a=3; b=5; if(a<b==false) { alert("ng"); }else{ alert("Sai"); } Th kt qu s l mt hp thng bo vi ni dung l Sai ??? ??? V: bn thn biu thc a<b vi a=3 v b=5 mang gi tr ng(true) m ng(true)==sai(flase) th tt nhin l sai. S dng ton t or(||) , and(&&) By gi chng ta s vit mt on scrpit trong nu ngi ta nhp vo mt ky` t s, chng trnh s thng bo l ngi dng nhp mt gi tr s, cn bt k k t no khc n s bo li! Code: <script language="javascript"> //promt nhp d liu gn cho bin c c=prompt("Nhp mt k t s t 0--->9:",""); //v mt con s 1 ch s c gi tr t 0-->9 if((c>=0)&&(c<=9)) { alert("Bn va nhp vo mt gi tr s"); } else { alert("Bn nhp sai yu cu"); } </script> T bn thn ton t <= hay >= l mt ton t hoc
else if
ELSE IF cng tng t nh IF, nhng tht ra l mt cu lnh if ngay sau v else. ti sao li dng ti , xem v d nh: Nu im Trung Bnh nng ca con t 9 tr ln th qu ca con s l mt chic Novol, t 7 ti di 9 l mt chic Martin, cn m di 7 l c chuyn ! . th hin thng ip trong javascript: Code: diem=prompt("im ca bn",""); if(diem>=9) { alert("c mt chic Novol"); }else if(diem>=7) {
HocVui.Net Page 17
September 16, 2009
[JAVASCRIPT]
alert("c mt chic Martin"); }else { alert("Tiu ri"); } Click Xem
bn thy cu trc else if xut hin phn gia chng trnh khng hy xem th v d vi im ca bn t 9 tr ln, thy c khc bit, ta xem v d ny: Code: diem=prompt("im ca bn",""); if(diem>=9) { alert("c mt chic Novol"); } if(diem>=7) { alert("c mt chic Martin"); }else { alert("Tiu ri"); } Click Xem
Ta thay cu trc else if vi mt cu if, iu g s sy ra khi ta nhp mt im t 9 tr ln. Vn, n s hin ra ti hai hp thng bo, mt chic Novol v mt chic Martin, li nh. S d l v on con dng cu trc else if c ngh l khi trng hp im t 9 tr ln tho mn ln if u tin, ln else if ch din ra khi ln if u tin khng tho mn, ni mt cch khc, l 2 v ca 1 cu lnh. Cn on code th hai, l hai cu lnh ring bit, nu im t chnh tr ln, tho iu kin cho cu lnh 1, th tt nhin cng ln n 7 v tho lun iu kin cu lnh 2. Nu bn khng dng ti cu trc else if m mun dng ton cu if th ta phi thm iu kn vo cu lnh, v nh vi on code 2, ta cn thm vo iu kin nh th ny: Code: diem=prompt("im ca bn",""); if(diem>=9) { alert("c mt chic Novol"); } if((diem>=7)&&(diem<9))
HocVui.Net Page 18
September 16, 2009
[JAVASCRIPT]
{ alert("c mt chic Martin"); } if(diem<7) { alert("Tiu ri"); } Nhng qu tht s rt kh khn nu c nhiu mc thng nh! Cu trc else if ny rt thun li bn gii quyt nhng vn vi nhiu iu kin v nhiu hnh ng.
CU TRC LP
Cu trc lp
Bn mun by t tnh yu vi ngi y, v mun cho ngi y bit bn yu ngi y n nc no, v tng ca bn s l mt trang web vi hng ngn dng ch : I LOVE YOU C hai cch lm chuyn ny: _u tin bn hy vit ra mt cu: I LOVE YOU, sau copy & past bng t hp phm Ctrl + V cho n l, c c 5,6 dng, t en ht li past tip, c c mt ganf, t den ri past cho n nhiu, ch my chc cng s c mt ngn dng. _Cch th hai l lm mi th vi khong 5 dng vi javascript, qung lun on code mi ngi xem ri ta cng i vo tm hiu sau: Code:
<script language="javascript"> var i=0; while(i<1001) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><br />"); i=i+1; } </script>
Khng tnh hai th ng v m ca tag <script> th ta c 6 dng, on js ny di 6 dng nhng s in ra c 1000 cu anh yu em vi nh dng nh trn, bt u phn tch no: dng var i=0; khai bo bin m (v n l m xem bao nhiu ln ri nn gi l bin m thi) i v gn cho n gi tr =0; dng while(i<1001) dng ny l linh hn ca c on, ch while trong ting anh c ngha l trong khi, cn vi c php javascript trn th dch c cu l : khi iu kin cn ng th lm i, lm li ci trong cp du ngoc mc, vi cu lnh trn ca chng ta th iu kin l i<1001. Hm document.write c vi im hi l, cc bn chc hn cn nh l trnh s nhn ln gia cc du nhy, nu bn mun thm vo trong hm cc phn t html vi cc gi tr bao quanh du nhy th phi thay cc du nhy i bng HocVui.Net Page 19
September 16, 2009
[JAVASCRIPT]
du nhy n, nhng ti sao mnh li dng c cc du ny kp c, d nhin cc bn s on c l nh cc du \ ngay pha trc cc du nhy kp, y l mt s lu sao ny cc bn chc hn s cn dng ti. Dng i=i+1; y l dng tng gi tr ca i ln, phi c dng ny th ti mt lc no vng lp mi ngng ch! Mt dng vng lp khc l vng lp for. Bn hy xem v d vi cng chc nng vi on code trn: Code:
for(i=0;i<1001;i++) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); }

tt c vng lp for u nh th ny: for(phn khi to;phn iu kin;tng hay gim gi tr) Phn khi to: bn khi bo bin m v gn gi tr ban u cho n lun. Phn iu kin: bn t ra iu kin. Phn tng/gim gi tr: y l im khc bit nht vi vng lp while, trong khi vng lp while th cn mt cu lnh tng/gim gi tr cho bin m, th bn cht vng lp for c sn iu ny. Mnh trong v d trn, iu kin mh t theo kiu ton t rt gn ( ++ c ngha l t tng ln 1, bn nn xem li bi ton t) Ch : mi con ng u v La M, cc v d trn mnh ch cho tng bin m ln, trong khi vn c th lm nh th vi cc gim bin m xung, ch cn linh hot mt cht: Code:
for(i=1001;i>1;i--) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); }

hy linh hot v vn dng thch hp cho mc ch ca bn, l vic m ch con ngi mi lm c.
break, dng vng lp

Th t ra trng hp ta c mt chng trnh hc ton cho tr, loi hc bng cu chng y(v d bng cu chng 2), chng trnh nh th ny: _Mi ln chng trnh s in ra mn hnh cu: 2x1=? _Mt prompt s xut hin, yu cu tr nhp s vo. _Nu ng th chng trnh tip tc v s kt thc cho ti khi t 2x10. _Nu sai th chng trnh s dng, v bo tr nn hc li bi. Gii php: _Chy mt vng lp t mt ti 10, dng cu trc if xc nh ng sai. Nhng lm sao ta c th dng vng lp li khi kt qu sai. _Lnh break s l gii php, n s b gy vng lp ngay khi chng trnh pht hin n.
HocVui.Net
Page 20
September 16, 2009
[JAVASCRIPT]
Code:
<script language="javascript"> for(i=1;i<11;i++) { a=prompt("2 ln "+i+" l?","") if(a==(i*2)) { alert("ng ri 2 ln "+i+" l "+a); }else{ alert("Sai ri, em nn hc li bi cho k nh") break; } } </script>
MNG
Mng trong javascript
Thng Su 09, 2009, 11:40:10 AM gi bi nvcnvn
Nu bn tng hc qua bt c ngn ng lp trnh no, th chc hn s khng xa l g vi mng! Cn nu bn l ngi mi vo ngh nh mnh, th y l mt khi nim mi, cng kh kh y! Mng gm c hai loi, mng mt chiu v mng nhiu chiu, trong mng nhiu chiu thng dng nht ta dng ti mng hai chiu, v th bi ny ch ni v mng mt chiu v mng hai chiu. mng mt chiu l dy hu hn cc phn t cng kiu. Mng c t tn v mi pn t c mt ch s. m t mng mt chiu cn xc nh kiu ca phn v cch nh s cc phn t ca n.
Nh li v d v bin m mnh m t vi bao thuc l , by ta v d trng hp ta c 10 bao thuc l v bn quyt nh t tn cho chng l bao1,bao2,....,bao8,bao9,bao10, vi mc ch l mi bao cha mt ci g , ti khi no cn ci g th ly ra m dng. Cn mng, mng chnh l c cy thuc l! , n gin ch l mt cy thuc l, bn trong c nhng bao thuc l! gii thch cho di dng, mng 1 chiu n thun l mt tp hp cc bin, v cc bin c th t thay v tn! to mt mng: V d to mt mng n gin Code:
mang=Array("a","b","c"); alert(mang[0]);
Th in ra phn t th nht ca mng(kt qu s l a) y cng l mt cc khia bo mng, cc phn t ca mng c t trong du nhy kp v chng c ngn cch nhau gia du (,) HocVui.Net Page 21
September 16, 2009
[JAVASCRIPT]
Cn y l cch th hai, kh d nhn! Bn hy khai bo mng, khng cn khai bo ni dung bn trong: Code:
mang=Array();
Code:
sau , khai bo tng phn t bng cch ny:
mang[0]="a"; mang[1]="b"; mang[2]="c"; mang[3]="d";
Ch : Trong javascript phn t u tin ca mng c th t l 0.
Mt s hm lm vic vi mng: <tn mng>.length: Xc nh s phn t ca mng. ...
Ti sao li dng n mng

ti sao li dng n mng Cu tr li: mng l cch tuyt vi qun l d liu. Ngi ta xy dng kh nhiu cc hm lm vic vi mng Xt bi ton: Tnh tng s tin thu c trong tun, tnh v in ra mn hnh s ngy c thu nhp cao hn trung bnh, thy ngay nu dng bin n gin, ta cn ti 7 bin lu tr thu nhp ca mi ngy, mt bin b lu tr s ngy c thu nhp cao hn TB, bin b lu tr gi tr Tb so snh. ngi ta nhp vo 7 bin ny bng prompt. Sau tnh trung bnh. Cho mt dy 7 cu lnh if nu ngy no c thu nhp cao hn TB th bin b tng ln mt n v. Code:
var a=0; var b=0; t1=prompt("Thu nhp ngy th nht",""); t2=prompt("Thu nhp ngy th 2",""); t3=prompt("Thu nhp ngy th 3",""); t4=prompt("Thu nhp ngy th 4",""); t5=prompt("Thu nhp ngy th 5",""); t6=prompt("Thu nhp ngy th 6",""); t7=prompt("Thu nhp ngy th 7",""); b=(eval(t1)+eval(t2)+eval(t3)+eval(t4)+eval(t5)+eval(t6)+eval(t7))/7; alert(b); if(t1>b)
HocVui.Net Page 22
September 16, 2009
[JAVASCRIPT]
{ a=a+1 } if(t2>b) { a=a+1 } if(t3>b) { a=a+1 } if(t4>b) { a=a+1 } if(t5>b) { a=a+1 } if(t6>b) { a=a+1 } if(t7>b) { a=a+1 } alert("S ngy c thu nhp cao hn Trung bnh tun l "+a);
Ph,7 ngy xong, vy th ba sau ht thng, tnh c thng! Cn li qu Mng s gip ta rt ngn qu trnh trn, nhng tt nhin l khng phi ch dng ring mnh n.
Xem li mt cht bi vng lp, ta c th dng vng lp lt qua c mng, gn gi tr cho c mng. Ni chung l kh l! _ Hng i l cho vng lp duyt qua mng, va duyt va gn gi tr Code:
<script language="javascript"> //Khai bo mang l phn t mng mang=Array(); //S ngy yu cu, gi s l 30 songay=5; //bin tng lu gi gi tr tong so tien thu uoc tong=0; //bin tb lu gi gi tr trung bnh tb=0; //bin num lu g s ngy c thu nhp cao hn num=0; //bt u vng lp for(i=0;i<songay;i++) {
HocVui.Net Page 23
September 16, 2009
[JAVASCRIPT]
mang[i]=prompt("Thu nhp ca ngy "+(i+1),""); //mi ln vng lp chy, bin tng c tng ln tong=eval(tong)+eval(mang[i]); } tb=tong/songay; for(i=0;i<mang.length;i++) { if(mang[i]>tb) { num=num+1; } } alert("S ngy trong "+songay+" c thu nhp cao hn trung bnh "+tb+" l "+num); </script> V d trn hi rc ri nhng nu xem xt k, vic mt mng duy nht thay th cng dng ca 7 bin qu l li nh!
Array function - cc hm lm vic vi mng

Trc tin mnh to mt mng v n s c dng trong sut bi ny: Code:
mang=Array(); mang[0]="anh"; mang[1]="yu"; mang[2]="em";

Cc thuc tnh v Method lm vic vi i tng u c dng: <tn i tng>.xxx Trong xxx chnh l cc thuc tnh v Method(nh l c du chm ha)
length Tr v s phn t ca mng

>Xem
join to mt chui t mt mng, cc phn t chui s cc nhau k t bn trong cp ()

Code:
mang.join("_")
Xem
HocVui.Net
Page 24
September 16, 2009
[JAVASCRIPT]
reverse Tr li mt mng vi th t cc phn t b o ngc

Code:
mang.reverse()
Xem
sort Tr li mng m cc phn t c sp xp theo bng ch ci

Xem
concat Ni nhiu phn t vo mt mng

Code:
mang.concat("nhiu","lm")
Xem
pop tr li phn t cui cng v xo n ra khi mng

Xem
HocVui.Net
Page 25
September 16, 2009
[JAVASCRIPT]
splice chia nh mng ra, hm ny nhn vo 2 i s, i s th nht l v tr ca phn t bt u, i s th hai l v

tr kt thc. Code:
mang.splice(1,2)
Xem
Mng hai chiu javascript

Mt khi hiu c mng mt chiu, th s rt n gin hiu v mng hai chiu. Mng hai chiu tht cht ch l mt mng, m mi phn t li cha mt mng khc. V d thc t c th l ci bn c hay h trc to . Khai bo cng kh n gin mang2c=Array(Array(1,2,3),Array("a","b ","c ")) C th khi bo mt cch n gin hn bng cch: Code:
<script language="javascript"> var mang1=Array(1,2,3); var mang2=Array("a","b","c") var mang2c=Array(mang1,mang2); //chy v xem th kt qu nh alert(mang2c[0][0]); </script>
Duyt qua mng 2 chiu vi hai vng lp Ta sng hai vng lp duyt qua mng, vng lp th nht cha vng lp th hai, khi vng lp th nht chy mt ln duyt phn t th nht ca mng ln (chnh l mang1 trong v d) th vng lp th hai s duyt ht cc phn t trong mang1, tip theo vng lp ln s chuyn ti phn t th 2, vng lp nh.......
HocVui.Net
Page 26
September 16, 2009
[JAVASCRIPT]
Mng dng sn
Khi trnh duyt c mo655t trang HTML, no1 t ng to ra cc mng, cc mng chnh l cc HTML Element, v ta c th dng chng nh mt cch tham chiu ti i tng ta mun. V d nh ta c mt lot cc hnh nh trong trang vi cc tag image, trnh duyt s to ra mt mng lu tr cc imagr ny. tham chiu ti mt iamge no ta: document.images[<th t nh>] trnh duyt c code theo th t t trn xung di, t tri qua phi, n pht hin ci no trc th th t nh nht. VD: ta c on code ca trang html nh sau: Code:
<html> <head> <title>Hocvui.net - Trang v d</title> </head> <body> <form name="form_01"> <input type="text" name="text_01" /> <input type="text" name="text_02" /> </form> <form name="form_02"> <input type="text" name="text_03" /> <input type="text" name="text_04" /> </form>
</body> </html>
y, ngoi cch tham chiu ti bt c phn t no trong form, t gi tr chn hn, v d nh l text_03 chng hn. ta c th vit mt on code bnh thng nh sau: Code:
<script language="javascript"> document.form_02.text_03.value="Mt cch tham chiu"; </script>

hay theo nhng thng tin mi v nhng mng dng sn Code:
<script language="javascript"> // on ny dch l: tm trong vn bn, form th hai, phn t th nht ca form, t gi tr document.forms[1].elements[0].value="Mt cch tham chiu"; </script>
Ch :nu cc bn c nh chy hai on javascript kia trn on m html mnh ly ra v d, cc bn cn t on javascript bn di c hai form, iu ny l v trnh duyt c code theo th t t trn xung di, t tri qua phi khi n bt gp d9aon5 js, n s chy m khi, trong khi n cha tm thy nhng i tng m js s lm vic!
HocVui.Net
Page 27
September 16, 2009
[JAVASCRIPT]
y ch l mt vi trong s rt nhiu mng dng sn, v tht ra cc bi hng dn javascipt ca hocvui.net cng ch mi ni ti nhng g m mnh ngh l gn gi v cn thit nht i vi cc bn. Mt cu hi trong lc m mnh hc javascript l lm sao bit nhng mng no c dng sn, lm sao bit nhng i tng no c nhng thuc tnh no. gii thch cho iu ta hy tm cu hi vi google v t kho HTML DOM. Bo m vi mt cht vn ting Anh, bn s gii p c ht nhng thc mc trn. v tt nhin, nu c kh nng, mnh s tm, tng hp li cc ti liu v dch ra ting Vit phc v cho nhng ngi Vit Nam ham hc hi. Di y mnh c mt m hnh thiu st m t DOM (Document Opject Model)
Cc bn hy c gng tm hiu thm nha. HocVui.Net Page 28
September 16, 2009
[JAVASCRIPT]
JS FUNCTION - HM
T son tho cc hm javascript
Mt s hm wen thuc vi cc bn cho ti lc ny chnh l cc hm alert,prompt, cc hm ny l nhng hm c sn trong javascript, v bn cng c th t son tho cho mnh mt hm. Hm - function cc bn t vit ging nh l mt dng vit tt, qua nhiu v d, v d vit ra hng ngn cu I Love You, qua cng c l cc ngn ng lp trnh ta rt ngn mi vic ch cn vi hng, nhng s khng hay nu bn lp i lp li nhiu ln d ch mt on code trn trang web. Xt v d Bn hy chc chn bit cch vit ra 1000 dng I Love You vi vng lp while. Ln ny bn mun t im thm cho trang web bng cch, ni mt nghn ln I Love You, sau l mt bc nh tri tim, ri li ni 1000 ln I Love You , li nh tri tim, 1000 ln I Love You , mt o hoa,....... Ni chung l phi vi ln 100 ln cch nhau, v ni cch ring :)) l ta phi lp i lp li on code: Code:
for(i=0;i<1001;i++) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); }
nhiu phn ca site, iu ny s lm cho ta kh hiu chnh, gi nh khi tnh yu bt mn nng, bn mun gim s ln ni anh yu em xng cn 500, vy l phi moi cho bng ht ra m sa. V ni mi th cho di dng th cu hm l mt gii php chc cc bn cng on ra hm - function c php khai bo c dng nh th ny: Code:
function <tn hm>() { //Ni dung cc cu lnh s nm trong hai du ngoc nhn ny }
V d mnh mun to hm say_Iloveyou(quy tc t tn hm ging nh quy tc t tn bin) vi cng dng l vit ra 1000 cu I Love You th code s l: Code:
function say_Iloveyou() { for(i=0;i<1001;i++) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); } }

V chy hm ny, bn hy t dng: HocVui.Net Page 29
September 16, 2009 Code:
[JAVASCRIPT]
say_Iloveyou();
bt c u cc bn mun in ra 1000 cu tnh cm . v khi mun sa li ch cn 500 hay 5 cu g , th bn ch vic sa li code bn trong function. Hm ca chng ta ging nh cc hm khc, s rt ha dng khi chng ta kt hp vi cc s kin. Hm say_Iloveyou() khng ging nhng hm m ta bit nh l alert hay prompt, n khng h nhn vo mt tham s no trong cp du ngoc (). Trong bi sau ta s tm hiu thm vn ny.
Hm v cc tham s
Ging nh hm alert vi vic nhn vo mt tham s t bn trong cp u (), ta c th d ng v lin hot thay i ni dung xut hin bn trong hp thoi. Quay li v d v hm vit 1000 cu I Love You. Hy t ra trng hp tng t nh v d trc, bn mun in ra nhiu dng ch I Love You, nhng s lng khng u nhau (v d: ln u bn in 100 cu, ln hai in 390 cu, ln 3 in 5 cu chn hn). D nhin on code c ca bn: Code:
function say_Iloveyou() { for(i=0;i<1001;i++) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); } }

s khng th no tu chnh nh mun ca bn v cng vic ca chng ta s khng cn ti u na. Tht may, c mt cch cho cc hm ca bn linh ng hn vi vic dng nhng tham s. Hy nhn vo v d: Code:
function say_Iloveyou(num) { for(i=0;i<num;i++) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); } }

Hy ch dng u tin, ci bn cn nhn l t t trong cp du (), t l mt bin lu gi gi tr m bn cn dng trong hm. Sau hy mt nhn qua dng bt u vng lp (hng th 3), bn c nhn thy iu g khc vi on code c ca chng ta ch. D( chnh l thay v con s 1001 mnh thay bng t num l t nm trong cp du ngoc kp trn phn khai bo tn hm. iu c ngha l g!? Code: HocVui.Net Page 30
September 16, 2009
[JAVASCRIPT]
Nu bn xem qua k phn vng lp, bn s hiu ngha ca c phn ny , ta hy ch ti on in m nh: for(i=0;i<1001;i++), phn in m chnh l phn iu kin (nh ta bit) iu kin u l i<1001, khi mnh thay gi tr 1001 vo bng bin num, th iu kin s l cho ti khi no cn b hn num V nh vy, khi gi hm ta c th tu chnh c bao nhiu cu xut hin vi mt con s t trong du ngao85c, tng ng vi bin num. Copy ht v d ny, xem k, ri chy th nh! Code:
for(i=0;i<1001;i++)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Javascript Funtion</title> </head> <body> <script language="javascript"> function say_Iloveyou(num) { for(i=0;i<num;i++) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><br />"); } } </script> Ni 9 ln I Love You<br /> <script language="javascript"> say_Iloveyou(9); </script> Ni 99 ln I Love You<br /> <script language="javascript"> say_Iloveyou(99); </script> Ni 999 ln I Love You<br /> <script language="javascript"> say_Iloveyou(999); </script> </body> </html>
a nhiu tham s vo hm
Ging nh hm prompt nhn vo ti hai tham s, ta tt nhin c th a vo thm cc tham s trong hm hm tr nn linh ng hn. Tt c hm trn ca chng ta u in ra cu I Love You, vi nh dng in dm v mu hng, ta c th thm tham s vo thay i nh dng v mu cha, hoc l thay i lun c cu ch. Mi vic cn lm l t tham s ng ch. Sau y l v d thay i lun c ni dung cu: Code:
<script language="javascript"> function say_Iloveyou(num,cau)

HocVui.Net Page 31
September 16, 2009
[JAVASCRIPT]
{ for(i=0;i<num;i++) { document.write(cau); } } </script>

Ch cn thm mt tham s cau vo, tham s ny cng lu tr mt gi tr m bn cn lm vic, nu mnh mun in ra by ln cu "Anh ght em" chng hn, th mnh s gi hm nh th ny: Code:
say_Iloveyou(7,"anh ght em <br />");

Ch l nu gi tr gn vo cho tham s l chui th n cn t trong cp du nhy ""
Trn y ch l nhng hm n gin nht, vi nhng code n gin nht, ch vi nhng kin thc thng thng nh th ny thi, nhng vi b c con ngi, chng ta s pht trin n ln mt tm cao mi.
Bin ton cc v bin cc b

Vn ca hai loi bin ton cc v cc b mnh trnh by ngay t u! Nhng ch gii thch s qua l khc nau ci tn v khng i su thm, bi mun hiu vn ny, chng ta cn phi i qua phn hm - function c th hiu r nht. Nhc li cht: Bin cc b( ngay t t cc b cng cho bit n ch hot ng mt b phn nht nh) Bin cc b khi khai bo bt u vi t kho var Bin ton cc ng nhin khc vi bin ton cc ch n c gi tr ton b phn. Bin ton cc khi khai bo khng c t kho var. Trong cc v d t khi no mnh dng ti t kho var, bi v n gin mnh mun cc v d n gin nht c th, d nhin, cc v d cng khng h b nh hng bi vic dng loi bin no. Xt li v d ca lot bi mng ni v cng dng : Tnh tng s tin thu c trong tun, tnh v in ra mn hnh s ngy c thu nhp cao hn trung bnh. on code ca chng ta y: Code:
<script language="javascript"> //Khai bo mang l phn t mng mang=Array(); //S ngy yu cu, gi s l 30 songay=5; //bin tng lu gi gi tr tong so tien thu uoc tong=0; //bin tb lu gi gi tr trung bnh tb=0;
HocVui.Net Page 32
September 16, 2009
[JAVASCRIPT]
//bin num lu g s ngy c thu nhp cao hn num=0; //bt u vng lp for(i=0;i<songay;i++) { mang[i]=prompt("Thu nhp ca ngy "+(i+1),""); //mi ln vng lp chy, bin tng c tng ln tong=eval(tong)+eval(mang[i]); } tb=tong/songay; for(i=0;i<mang.length;i++) { if(mang[i]>tb) { num=num+1; } } alert("S ngy trong "+songay+" c thu nhp cao hn trung bnh "+tb+" l "+num); </script>
l on code c, by gi mnh bit v hm, iu u tin mnh ngh ti l tu bin on code khng ch lm vic cho 7 ngy m c th l 1 thng hay 2 tun tu ! code lc ny l: Code:
<script language="javascript"> function tinhtoan(numngay) { //Khai bo mang l phn t mng mang=Array(); //S ngy yu cu, lc ny c gn vi gi tr numngay l tham s duy nht ca hm tintoan songay=numngay; //bin tng lu gi gi tr tong so tien thu uoc tong=0; //bin tb lu gi gi tr trung bnh tb=0; //bin num lu g s ngy c thu nhp cao hn num=0; //bt u vng lp for(i=0;i<songay;i++) { mang[i]=prompt("Thu nhp ca ngy "+(i+1),""); //mi ln vng lp chy, bin tng c tng ln tong=eval(tong)+eval(mang[i]); } tb=tong/songay; for(i=0;i<mang.length;i++) { if(mang[i]>tb) { num=num+1; } } alert("S ngy trong "+songay+" c thu nhp cao hn trung bnh "+tb+" l "+num); } </script>
HocVui.Net Page 33
September 16, 2009
[JAVASCRIPT]
by gi bn hy bt u gi hm ny bt c u trn trang web. Nhng hy thm mt s dng bn di nh mnh y: Code:
<script language="javascript"> // y mnh gi hm tnh ton trong 9 ngy tinhtoan(9); // a ra s ngy tnh ton alert("S ngy tnh ton: "+num); // thng bo ring tng thu nhp alert("tng thu nhp: "+tong); // v mc thu nhn trung bnh alert("thu nhp trung bnh: "+tb); </script>
Sau khi bn nhp y thng tin, c thy s c 4 hp thng bo, 1 vn d ca hm, 1 a ra s ngy tnh ton, 1 thng bo ring tng thu nhp, 1 mc thu nhn trung bnh. Nhng mi vc thng hay chuyn hng vi t nhng..... Ta thay i mt s dng cc on khai bo function, c th l thm t kho var vo trc dng khai bo hai bin, tong v tb Code:
//Khai bo mang l phn t mng mang=Array(); //S ngy yu cu, gi s l 30 songay=numngay; //bin tng lu gi gi tr tong so tien thu uoc var tong=0; //bin tb lu gi gi tr trung bnh var tb=0; //bin num lu g s ngy c thu nhp cao hn num=0;
ri hy gi hm v thm mt s dng nh trng hp trn, mi th s khng nh bnh thng na. u tn l mt hp thng bo ca hm, th hai l hp thng bo a ra s ngy tnh ton, cn hai hp thng bo kia s "vn bng" n gin v khi khai bo t kho var trc hai bin tong v tb, lc ny chng tr thnh hai bin cc b, v nh n, bin cc b ch c gi tr trong mt b phn(c th trng hp ny chnh l hm tintoan), khi ta gi hai bin ny ngoi cu trc hm, javascript s cho rng nhng hm ny cha tn ti, cha c khai bo( vn d ta khai bo trong hm) v li s sy ra khin hai hp thoi khng th xut hin. Li nhn mnh mt ln na, tu theo mc ch ca trng trnh, chnh lp trnh vin s quyt nh xem dng nhng g cho thch hp nht vi chng trnh. V l mt yu t khng th thiu, yu t con ngi!
javascript - function return

Thng Su 19, 2009, 02:54:29 PM gi bi handsome
Bn c nh nhng hm tnh ton khng, ging nh Math.sqrt() nn trong bi Mt s hm hay dng trong JavaScript HocVui.Net Page 34
September 16, 2009
[JAVASCRIPT]
Bn thn cc hm ny mang lun mt gi tr. C ngha l ta c th ly ngay: 5 + Math.sqrt(4) //bng my nh Cc hm t trc ti gi ta vit ch mi thc hin hnh ng m ta mun, ch cha h mang gi tr no. c th gn cho hm mt gi tr ta dng lnh return. Xt hm n gin tnh tng v a ra mn hnh hai s. Code:
<script language="javascript"> function tinhtong(a,b) { alert(a+b) } </script>

<script language="javascript"> function tinhtong(a,b) { alert(a+b) } </script> <a href="javascript: tinhtong(2,3)">Xem</a><br /> Dng return cho hm ny: Code:
function tinhtong(a,b) { var kq=a+b; return kq; } </script>

Code:
Lc ny nu bn gi hm ny mt cch bnh thng th s ch c g sy ra, nhng hy th:
alert(tinhtong(2,3));
Hoc: Code:
alert(tinhtong(2,3)+tinhtong(3,7));
Bn s thy lc ny ca hm c gn gi tr. Ngoi ra ta cng c th gn cho n nhng gi tr boolean, v dng hm lm iu kin. Xt on code so snh ba s ngi dng nhp vo, nu c ba s bng nhau th thng bo "ng" ngc li "Sai". u tin s l on khng dng ti funtion Code:
<script language="javascript"> a=prompt("S a",""); b=prompt("S b","");

HocVui.Net Page 35
September 16, 2009
[JAVASCRIPT]
c=prompt("S c",""); if((a==b)&&(a==c)&&(c==b)) { alert("ng"); }else{ alert("Sai"); } </script>

Code: Cng cng dng tng t, mnh vit mt chng trnh dng ti funtion:
function vd2() { a=prompt("S a",""); b=prompt("S b",""); c=prompt("S c",""); if((a==b)&&(a==c)&&(c==b)) { return true; }else{ return false; } }
Ri bt k u trn trng trnh, bn dng mt cu trc if: Code:
if(vd2()) { alert("ng"); }else{ alert("Sai");

Lc ny hm vd2() tnh ton v gn cho chnh n mt gi tr hoc true hoc false v c th dng lm iu kin.
Thc t vic return gi tr ca mt hm v c ng dng rt nhiu, mt trong s s c nu ra lot bi v lm vic vi form.
HocVui.Net
Page 36
September 16, 2009
[JAVASCRIPT]
FORM
Gii p trc thc mc v nhng du chm
Bt u t bi sau, cc bn s lm vic vi nhng html forms, ci m nm v tr ch o trong vic tng tc vi ngi dng. Bn s thy c rt nhiu du chm trong khi ta lm vic, nhng du chm ny khng xa l, v d nh: document.write() //vit ra mn hnh ci g array.sort() //Sp xp cc phn t trong mng
l cch m ta tham chiu n ci g v lm nhng ci g , nu bn xem qua ton b cc bi vit html ti http://hocvui.net/html th chc bn s nh ci mnh gi l tnh lng ghp , phn t ny cha trong phn t kia, v cc phn t cha trong i tng document v i tng ln nht chnh l window. Cc du chm trong mt dng js s phn tch cc i tng, khi javascript bt gp mt chui cc i tng c ngn cch bi cc du chm, n s i dn xung di tng cui cng trong chui . Mi vic s dn gi r ra khi cc bn xem cc bi sau! Hy hc cng hocvui.net nh.
javascript lm vic vi cc form

hc qua phn ny, cc bn bt buc phi tm hiu html form qua cc bi vit ny: http://hocvui.net/html/?id_post=1436
html - forms - biu mu

Thng Nm 31, 2009, 03:39:04 PM gi bi nvcnvn
Cho n lc ny, mnh tin l nu cc bn th dng vi cng c h tr thit k web nh MS FrontPage hay Dreamweaver th cc bn c th th hin trang web theo mun ca mnh, tuy l ch dng html th s khng th no ti u ho v mt k thut. C 2 iu lm cho trang web tr nn hp dn: giao din, tnh tng tc vi khch hng. Vn giao din th mc d hi kh nhng cc bn cng phn no gii quyt c, tu theo th hiu khch hng m tu ta la chn (vd: khch hng l tng lp trung nin th tng mu nh nhng, tui teen th mu m lo lot). Nhng vn giao tip vi khch hng th c th khc nhau v hnh thc nhng c bn th luon ging nhau, v li mt ln nhn vo thc t bn cha th no giao tip vi khch hng cho ti khi bn bit c mi sever-script(php,asp....) hay t nht mt clientscript(javascript,vbscript....) Tuy ni l khng bit mt trong hai loi script trn th khng th giao tip vi khc hng, nhng m html li nh l cu ni, thiu html th cng hi kh m mng c ci g!
HocVui.Net
Page 37
September 16, 2009
[JAVASCRIPT]
Hnh thc giao tip gi c nht l ci khng trng cho ta in thng tin vo ri nhn nt, i mt hi th ci g mnh in vo s c gi i, hay l my ci ri mnh click chut vo check, chnh l cc phn t coon bn trong phn t form. thng tin ca cc phn t trn c gi i, chng cn c t trong cp th <form>, trong th form ny cng c mt vi thuc tnh. Code:
<form action="index.ht ml" method="post" name="the_form"> </form>
action: l link m sau khi form c gi i, trang web s c huyn ti, rang ny c th l mt trang bt k hay chnh trang cha form, trang ny cha code x l thng tin form theo cch m bn mun. Code c th l 1 client-script hay sever-script. method: l hnh cch thc gi form i, c hai gi tr l post,get, gi tr get l mc nh, bn hy t vit mt trang cha form sau bi ny nhn thy s khc bit gia post v get, xem k nng quan st ca bn nh th no. name: ci ny th cc bn bit ri, trong html n thun ci ny ch gip c g, nhng m form l phi hp vi cc ngn ng khc, nhng ngn ng ny dng ti ci name ny kh nhiu. Th form khng trc tip show ci g ra mn hnh c, v cng ch c gi tr g nu thiu cc phn t con bn trong. Mt s phn t ca form cc bi sau. ...
http://hocvui.net/html/?id_post=1441
html from input elements

<input>
ci th input ny hin th ra c nhiu th lm, nh gi thuc tnh type, va v d va k lun mt s loi ph bin: text Code:
<input type="text" name="type_text" />
C th t sn ch vo trong ci bng cch thm thuc tnh value vi gi tr l ci g bn mun hin th. Code:
<input type="text" name="aaa" value="in ci g vo y"/>
i?n ci g d
password Loi ny th cng tng t nh loi trn, ch c iu khi nh ch vo th hin ra du chn en Code:
<input type="password" name="type_pass"/>
bn th t g vo m xem checkbox Code:

<input type="checkbox" name="type_checkbox" />
c th cho ci nut ny c nh du sn bng cch thm vo code t checked="yes" Code:

<input type="checkbox" name="type_checkbox" checked="yes" />
Ta thng thm gi tr mc nh vo check box vi thuc tnh value x l khi form c truyn i, gi tr ny ch c truyn i khi checkbox c chn, v gi tr ny d nhin l khng hin HocVui.Net Page 38
September 16, 2009 ra mn hnh.
[JAVASCRIPT]
radio radio l nhn nt, v d nh lm trc nghim loi ch c duy nht 1 p n ng th ta dng cc nt radio, cc nt radio phi c cng tn c v gi tr khc nhau kt qu: Code:
<input type="radio" name="type_radio" value="khng yu" /> <input type="radio" name="type_radio" value="khng yu" /> <input type="radio" name="type_radio" value="khng yu" /> <input type="radio" name="type_radio" value="yu" />
hy chn th bt k mt nt, ri chn nt khc, bn s thy mt lc ch c th chn mt nt, c th ch c th chn mt nt trong nhm nt c cng tn Cng c th chn trc mt nt bt k bng cch thm thuc tnh checked="yes" Code:
<input type="radio" name="type_radio" value="khng yu" /> <input type="radio" name="type_radio" value="khng yu" /> <input type="radio" name="type_radio" value="khng yu" /> <input type="radio" name="type_radio" value="yu" checked="yes" />
reset Khi in ht cc ch m ngi ta cho bn in, m mun xo in li cho l th dng ci ny, n s xo trng cc gi tr Code:
<form> <input type="text" size="12" maxlength="12" /> <input type="text" size="24" maxlength="24" /> <input type="reset" value="Reset" /> </form>
Reset
hidden hidden dng cha gi trii5 no m ta mun gi i nhng khng mun hin ra cho ngi khc thy, tt nhin l n cn c thuc tnh value lm nn vic, ti sao li cn n n u, bi hc cc ngn ng sau s gii thch! Code:
<input type="hidden" value="2009"/>
submit nt sumit s gi form i sau khi nhn Code:

<input type="submit" />
... http://hocvui.net/html/?id_post=1442
html form select emlements

select phn t select, ua ra cho ngi ta mt danh sch s sung chn la, mi chn la nm bn trong tag option Code:
<select> <option>Ngi yu</option> <option>Bn b</option> <option>Gia nh</option> </select>
HocVui.Net
Page 39
September 16, 2009
[JAVASCRIPT]
Bn trong tag select ta c th nh dng cho......., xem v d nh Code:

<select size=" 4"> <option>Ngi yu</option> <option>Bn b</option> <option>Gia nh</option> <option>Ngi yu</option> <option>Bn b</option> <option>Gia nh</option> <option>Ngi yu</option> <option>Bn b</option> <option>Gia nh</option> </select>
Ngu?i yu B?n b Gia nh Ngu?i yu
Nu mun ngi dng chn c nhiu kt qu cng lc bng cch gi phm Ctrl+Click chn, ta thm thuc tnh multiple="yes" Code:
<select size=" 4" mult iple="yes"> <option>Ngi yu</option> <option>Bn b</option> <option>Gia nh</option> <option>Ngi yu</option> <option>Bn b</option> <option>Gia nh</option> <option>Ngi yu</option> <option>Bn b</option> <option>Gia nh</option> </select>
Ngu?i yu B?n b Gia nh Ngu?i yu
ta c th quyt nh nhng ci no c chn vi gi tr selected="yes" Code:

<select multip le="yes"> <option selected="yes">Ngi yu</option> <option selected="yes">Bn b</option> <option selected="yes">Gia nh</option> </select>
Ch : trong thc t ta cn t thuc tnh name trn tag m select v thuc tnh value mi option, khi form c gi i, gi tr ca phn t select chnh l gi tr tng ng ca option c chn
Ngu?i yu
By nhiu cng va chng ta i vo lm vic vi javascript nhng trc tin, bn cn t tn cho biu mu javascript bit bn mun n lm vic vi ci no. Biu mu n gin sau y s nhc lun cho c bn cch t tn: Code:
<form name="the_form"> <input type="text" name="id" /> <input type="text" name="email" /> <input type="submit" name="submit" /> </form>
Hy t tn cc thnh phn trong form sao cho n gip bn d lin tng n n, v nh bn mun ngi dng in tn vo mt trng text, th trng nn c tn l name chng hn!
HocVui.Net
Page 40
September 16, 2009
[JAVASCRIPT]
Thm mt s lu na l cc bn hy xem k nhng phn c ni v thuc tnh value.
Nhn + thit lp thng tin t cc biu mu

St on html ny: Code:
<form name="the_form" action="new.html"> Tn:<input type="text" name="name" /><br /> Email:<input type="text" name="email" /><br /> Con ci C/Cha:<input type="checkbox" name="co" /><br /> Gii tnh:<select name="gioi"> <option value="0">N</option> <option value="1">Nam</option> </select><br /> Con u lng ca bn 5 tui<input type="radio" name="con" value="1" /> 10 tui<input type="radio" name="con" value="2" /> 15 tui<input type="radio" name="con" value="3" /> <br />Ghi ch: <textarea name="note">Ghi ch ca bn</textarea> <input type="submit" name="sumit" value="Gi" /> </form>
Xem trn browser th s ging th ny:
Tn: Email: Con ci C/Cha: Gii tnh: Con u lng ca bn 5 tui

Ghi ch c?a b?n
10 tui
15 tui
Ghi ch:
G? i
V d ny c cc trng biu mu ph bin nht bao gm text, select, radio v textarea. Khi gi form i, d liu s c chuyn ti mt trang c tn l new.html (action="new.html"). trang ny l trang cha javascript x l thng tin. D nhin bn c th t code javascript ngay ti trang bn vit m html, nhng nu mun lam2 th, code javascript hot ng ng cch mong mun, bn nn vit mt hm, v kch hot n khi form c gi khi nhn nt submit lm vic vi js n ni trc, cc bn cn t tn cho chng bng thuc tnh name v ci js lu n th 2 chnh l value.
HocVui.Net
Page 41
September 16, 2009
[JAVASCRIPT]
i vi cc trng biu nh text thuc tnh value khng nht thit c mt trong cc th va gi tr ca n s c thm vo khi ngi dng nhp thng tin vo. Trng hp bn t mc nh gi tr s xut hin trn trng th bn c th thm vo thuc tnh value, gi tr ca trng s l chui cui cng trc khi ngi dng gi biu mu.(ngi dng vn c th thay i) Nu bn mun lu mt gi tr no m khng mun ngi dng bit v da i, hy dng trng hidden km theo thuc tnh value i vi phn t select, name c luu tr trong tag m select, v value c lu gi trong tag m option. Checkbox thuc tnh value cn c sn, checkbox s c dng trong trng hp cu tr li ch c hai loi kt qu hay l mt dng nh du. V nh bn hi ngi c con cha, nu checkbox c hn, gi tr ca check box s c gi i. Khi bn bt u lm vic, bn s thy gi tr "co" nh trn v d ca chng ta s cho bit l ngi dng chn, hay l bn c mt danh sch cc mt hng, bn mun bit ngi dng c thch nhng mt hng hay khng, mt lot cc checkbox vi tn mt hng s rt hiu qu. Radio ci ny dng khi bn c mt cu hi, nhiu p n v ngi dng ch c chn 1 trong nhiu. tt c cc nt radio trong cng mt nhm(cc p n dnh cho cng 1 cu hi chng hn) phi c cng tn, v tt nhin l khc gi tr. textarea value ca textarea khng nm trong tag m ca n, m nm gia hai cp th. Bn vn tham chiu ti n v thuc tnh value ca n nh mi phn t form khc, nhng nu mun t sn gi tr th iu bn cn lm l t gi tr d8o1 vo gia hai cp th ng v m ca n.
Bt u nho v lm vic!
Cc bn c qua bi gi thch v cc du chm cha!? Nu cha th hy nhn mt cht thi gian v c qua ha. Trch dn Cc du chm trong mt dng js s phn tch cc i tng, khi javascript bt gp mt chui cc i tng c ngn cch bi cc du chm, n s i dn xung di tng cui cng trong chui . Uhm, v i tng ln nht chnh l window, tt c vn bn html s cha trong i tng document. thm chiu ti bt c mt phn t no ca form, ta iu cn lm nh th ny: window.document.<tn form>.<tn i tng> trong trng hp ny, gi s mnh tham chiu ti trng text "name"(trng yu cu ngi dng in tn) th code s l: Code:
window.document.the_form.name
Code:
v ly gi tr ca n (gi tr ca thuc tnh value)
window.document.the_form.name.value
thit lp gi tr ta lm bng cch: Code:
window.document.the_form.name.value="gi tr bn mun thit lp";

HocVui.Net Page 42
September 16, 2009
[JAVASCRIPT]
Mt v d tnh lt v n gin Hy in tn bn vo v nhn nt. Code:
<script language="javascript"> function guestname() { alert(document.the_form.name.value); } </script> <form name="the_form"> Tn: <input type="text" name="name" /><br /> <input type="submit" name="gui" onclick="guestname();"/> </form>
Tn:
Submit
Nhng ngi ta thng dng cch ny hn: Code:
<form name="the_form" onsubmit="guestname();"> Tn: <input type="text" name="name" /><br /> <input type="submit" name="submit" /> </form>
Thay v kch hot scpirt vi thuc tnh onclick t nt submit, ngi ta kch hot hm vi s kin onsubmit trn tag m form. Ti sao !? Xem tip bi sau nh.
Kim tra cc trng text,password,textarea

Ni chung cc ci g m g lc cc ch hay ci g vo ta u c thm cng lm mt cch: if(document.<tn form>.<tn phn t>.value=="") Code:
<script language="javascript"> function guestname() { /*Trong iu kin, mnh dng cp du "" biu hin gi tr rng, mt cch khc l dng t null, nhng dng lm chi cho n di dng */ if(document.the_form.name.value=="") { /*Nu m "document.the_form.name.value" tc l trng text name c gi tr rng
HocVui.Net Page 43
September 16, 2009
[JAVASCRIPT]
c ngha l n cha c in bt c g Hm s c gn gi tr false*/ alert("Cha in"); return false; //Thng bo thm l hy in tn vo trng text name alert("Bn cha in thng tin vo ni yu cu, in li ha bn!"); }else{ alert(document.the_form.name.value); } } </script> <form name="the_form" onsubmit="var trangthai=guestname(); return trangthai"> Tn: <textarea name="name"></textarea><br /> <input type="submit" name="submit" /> </form>
Kh l n gin nh!?
kim tra trng select

Phn t select ca biu mu khng ging nh cc phn t trc, bi rng n c sn nhng gi tr, v cng mt lc, ngi ta c th chn nhiu gi tr. Ta vn c th kim tra xem gi tr ca select c bng rng hay khng, v sau vn l cc bc quen thuc. Nhng javascript cn cho ta mt cch na kin mi th tr nn linh ng hn. Bn c th bit ngi dng chn la chn th my vi selectedIndex VD: Code:
<script> function vd() { if(document.aa.bb.value!="") { alert(document.aa.bb.selectedIndex); } } </script> <form name="aa" onsubmit="vd();"> <select name="bb" size="3" multiple> <option value="01">La chn 1</option> <option value="02">La chn 2</option> <option value="03">La chn 3</option> </select> <input type="submit" /> </form>
L?a ch?n 1 L?a ch?n 2 L?a ch?n 3
G? i
HocVui.Net
Page 44
September 16, 2009
[JAVASCRIPT]
Nu ngi dng la chn phn t u tin (La chn 1) th kt qu l 0, phn t th 2 (La chn 2) kt qu l mt,.... Cn nu khng chn th kt qu tr v l s m (-1) th c ngha l ch c ci no c chn! Ta c th dng cch ny xc nh xem select c c chn hay cha.
Kim tra cc nt radio

Cc nt radio l trng m kh lm n vi nht. Th vi mt form nh th ny: Code:
<form name="ff" onclick="alert(document.ff.aaa.value);"> <input type="radio" name="aaa" value="01" checked="checked" /> <input type="radio" name="aaa" value="02" /> <input type="radio" name="aaa" value="03" /> <input type="radio" name="aaa" value="04" /> </form>
S ch c ci g sy ra khi ta thay i cc chn la (s kin onclick ng l phi kch hot mt ci g ) bi v cc nt chn la c cng tn, khc gi tr, kh lng m cho javascript bit bn mun ni ti nt no trong 4 nt. Cch gi quyt vn ny cng khng qu phc tp. Bn cht ca cc nhm nt chn la l mt mng, vi tn mng l tn chung ca nhm nt, nt u tin c v tr l 0,... Nu mun ly gi tr ca tng nt, ta c th lm nh th ny: document.<tn form>.<tn nt>[<v tr>].value VD: document.ff.aa[0].value Cn nu mu6on1 xem nt c c check cha, th ta phi dng thuc tnh checked if(document.<tn form>.<tn nt>[<v tr>].checked==true ) V xem nhm nt c c check cha, tt nht l dng mt vng lp, chy qua ci mng ny, kim tra tng ci. y l code function cc bn dnh ring kim tra cc nt radio Code:
//Bin check ban u mang gi tr no, nu c 1 phn t no ca nhm nt c chn, gi tr s l yes var check="no" //Bt u vng lp chy t u ti cui mng radio for(i=0;i<document.ff.aa.length;i++) { // Nu pht hin mt phn t no c chn, check s = yes if(document.ff.aa[i].checked==true) { check="yes" } }
HocVui.Net Page 45
September 16, 2009
[JAVASCRIPT]
if(check=="yes") { alert(" chn"); return true; }else{ alert("Cha chn"); return false; }
X l chui.
ng nhin y l bc sau khi chng ta nhn c thng tin t from. cc trng form nh select,checkpx,radio hu nh ta chn cho chng mt vlaue c nh, ch cn li textare,text,password l nhng trng bn mun ngi ta nhp t nht l 1 k t hay a phn l mt chui. Ta cha th x l cc biu mu mt cch ti a khi cha hiu r cch lm vic vi chui, d nhin, khng phi lc no cng nh cc v d bi form, mi th ch l xem xem "rng hay c". Suyn sut ton b v d, ta dng mt chui duy nht: Code:
var chuoi="anh yu em nhiu lm em c bit khng!?";
Tt c mi Method lm vic vi string u kh wen thuc <tn chui>.method
Length
Hm ny tr v di chui VD: Code:
document.write(chuoi.length)
KQ:39
Split
Hm ny bin chui thnh mng, hm ny nhn vo mt tham s, l k t hoc nhm k t phn tch cc phn t trong chui. VD: Code:
mang=chuoi.split(" ");
Trong v d ny mnh dng k t hong trng phn tch cc phn t. V gi ta c mt mng bao g6m2 cc phn t: anh,yu,em,nhiu,lm,em,c,bit,khng!?
Search
hm ny dng tm kim s xut hin ca chui 2 trong chui u tin, nu khng tm thy gi tr tr v s =-1, nu tm thy kt qu tr v s l v tr tm thy. VD: Code: HocVui.Net Page 46
September 16, 2009
[JAVASCRIPT]
<script type="text/javascript"> var chuoi="anh yu em nhiu lm em c bit khng!?"; var chuoi2="yu"; var kq=chuoi.search(chuoi2); document.write(kq);
Kt qu s l 4 Code:
var chuoi="anh yu em nhiu lm em c bit khng!?"; var chuoi2="Yu"; var kq=chuoi.search(chuoi2); document.write(kq);
Nhng ch thay li t yu bng t Yu, kt qu s l -1
Replace
hm ny nhn vo 2 tham s, tham s th nht l nhm k t cn thay th ca chui 1, tham s th hai l nhm k t dng thay th. Code:
var chuoi="anh yu em nhiu lm em c bit khng!?"; var chuoi2="ght"; var kq=chuoi.replace("yu",chuoi2); document.write(kq);
kt qu trn mn hnh s l: anh ght em nhiu lm em c bit khng!?
substring
ly ra mt chui con t chui u tin. Hm ny nhn vo hai tham s, tham s u tin l v tr bt u trch ra, tham s th hai l v tr ca k t ng sau kiy1 t cui cng mun trch. Ch rng k t u tin trong chui c v tr l 0. VD: mun rt t yu ra ta lm Code:
var chuoi="anh yu em nhiu lm em c bit khng!?"; document.write(chuoi.substring(4,7));
toUpperCase Chuyn cc k t ca chui thnh cc k t IN toLowerCase Ngc li vi toUpperCase

Trn y ch l mt s phng php thng dng, tu theo trng hp m cc bn hy ng dng cho ng. V d nu l form in ac ch email m thiu vn k t @ v du (.) l mt iu cn xem xt li.
http://hocvui.net ch mang li cho bn nhng kin thc cn, c kin thc lun phi nh vo s c gng ca cc bn!...
HocVui.Net
Page 47
September 16, 2009
[JAVASCRIPT]
WINDOW
Lm vic vi cc ca s.
Mnh mun ni lm vic vi cc ca s y l ni ti ca s trnh duyt. Javascript cho ta kh nhiu cch lm vic vi n: chn hn nh canh chnh kch thc, v tr... hoc n gin l m mt ca s mi. Bi ny ch yu cp ti cch m v lm vic vi ca s. Mun lm vic vi ca s th tt nhin cn tham chiu ti window. m mt ca s mi ta: window.open("<ng dn>","<tn ca s mi>"); VD: Code:
<a href="javascript: void(0)" onclick="window.open('http://hocvui.net','new_windw');">XEM</a> Tuy nhin nu bn c qua bi v ng dn ca html, th tt nhin bn cng bit cch m mt ca s mi m khng cn javascript. V nu ch m mt ca s mi thi, th cn qui g dng ti my ci script ny, cu tr li nh nu trn, ta cn lm c nhiu vic khc. VD: ta c th canh kch thc ca ca s mi m ra bng cch:
Code:
<a href="javascript: void(0)" onclick=" window.open('http://hocvui.net','new_windw','width=600,height=400');">XEM</a>

XEM
width=600,height=400 hai con s trn cho ta cch thc chnh chiu rng v cao ca ca s. Bi sau chng ta s lm thm mt s vic na vi my ci ca s ny!
HocVui.Net
Page 48
September 16, 2009
[JAVASCRIPT]
ng ca s m
ng ca s Sau khi m, bn s c lc mun ng! Mi vic qu n gin, r chut ti gc trn ca ca s, click vo ci du X o tng mu . Hoc l dng lnh close ca javascript Gi m mi vic, mi suy ngh u n gin nh th bn s khng cn dng ti cc k nng lp trnh, ti mt ngy no , bn s t ra tnh hung rc ri v cng quyt mun lm nh sau: Bn c mt form, vi nhiu check, bn mun khi ngi ta chn vo checkbox no, mt ca s nh s nhy ra gii thch, ni thm...... v d nhin, khi ngi ta hi hn v chn nt v b chn, ca s nh s close. Chc bn cng tm ra hng gi quyt: 1: mi checkbox u c thuc tnh onclick kch hot 1 hm 2: hm s kim tra, nu checkbox c check th s m ra ca s tng ng, nu l uncheck( check ri mun b th vn phi click vo m) th tt ci ca s mi m. Cho ti gi chc vit hm nh th th bn cng khng qu tn sc, ch cn ki ta thuc tnh checked ca checkbox th l xong. mi vic l cu lnh close. VD: Bn 1 ca s mi c tn l new_window Code:
window.open('http://hocvui.net','new_window');
ng n, ta c hai trng hp _Bn ng n t ca s ban u: window_name.close(); trong trng hp ca chng ta: Code:
new_window.close();
_Bn ng n t chnh n: Ch n gin: Code:
window.close();
N y c ngha l ca s cha javascript ang lm vic, n coi n l window, xem mt ca s no khc l mt ci g khc. bn hy th m mt ca s mi v ng ca s c t ca s mi xem!
HocVui.Net
Page 49
September 16, 2009
[JAVASCRIPT]
Di chuyn ca s
Bn m mt ca s ra, ngoi nh kch thc, ng...bn cng c th quyt nh xem n s xut hin ch no trn mn hnh, cng nh t t duy chuyn n. Code:
window.open("http://hocvui.net","new_win","width=300,height=400"); new_win.moveTo(50,50);
Xem
Vi on code trn, cng vic c miu t nh sau: 1 M ca s mi c a ch :http://hocvui.net, tn: new_win, chiu rng 300, cao 400 2 Di chuyn new_win ti im cch l tar1i mn hnh 50, l trn 50 *moveTo chuyn ca s ti mt a im c nh trn mn hnh moveBy() Vi moveBy() bn s di chuyn ca s ti mt v tr so vi v tr hin ti ca n. VD: Code:
new_win.moveBy(50,50);
Kt hp hm trn vi hm hn gi( gim tc mi th xung) bn c th kin mt ca s di chuyn trong mn hnh. ****** y ta hy dng mt phng php nh th ny: hm t gi hm v ni dung hm l duy chuyn ca s cha n Code:
HocVui.Net
Page 50
September 16, 2009
[JAVASCRIPT]
<script language="javascript"> function move() { window.moveBy(50,50) setTimeout('move();',1000); } move(); </script>

t on code ny trong trang cha ca s c m ra, y mnh t tn cho file ny l new_win.htm
a ch ca s
a ch y mun ni ti trang web ca s ang duyt. Bn c th chuyn hng ca s vi javascript. Code:
<script language="javascript"> window.location="http://hocvui.net"; </script>

ng nhin bn s thy rt d tha bi v c th d dng chuyn hng website vi html. Nhng ch nu ta kh6ong bit linh hot, bn c th tp mt tr chi, tu theo ngi dng tr li chuyn hng h. Hay l mt ng dng hu t hn l chuyn hng ngi dng theo tng iu kin thch hp i vi bn!
HocVui.Net
Page 51
September 16, 2009
[JAVASCRIPT]
FRAMES
Javascript v frame
Frame cng l mt trong nhng cch thit k web html rt hay, v tt nhin vi javascript ta s lm c rt nhiu iu th v vi frame. bn nn xem li cc bi v frame trang http://hocvui.net/html trc khi i vo lot bi ny Nu bn cn nh v bi mng dng sn ca mi trnh duyt, bi ny cng s rt c t. Vi tm bn s si lng vng v thiu st(hn m hok thiu ci cn).
ta c th thy cc Frame cng c dng sn mng, v bn thn cc frame cng chnh l mt i tng window(lc HocVui.Net Page 52
September 16, 2009
[JAVASCRIPT]
v hnh mnh b qua chi tit ). Lu l ta nn t tn v id cho cc tag d b lm vic! frameset vi cc frame Trang cha framest hi kh m lm vic vi javscript, nu bn c k th khng c s hin din ca tag body, iu ny cng c ngha l hi kh m kch hot cc hm js, cch d dng hn l chn code js vo nhng trang con. V ng nhin l hi kh code t frame ny, c hiu lc trn frame kia. Ta ch n vn tham chiu. Lc ny, frames cha trong mt window ln hn, chnh l parent. Nu mun tham chiu ti ni dung parent (tt nhin lc ny ch c cc tag frameset v frame) ta tham chiu vo ngay document. VD nu ta c mt <frameset id="frameset1" rows="50%,*">( frameset chia trang thnh hai tahnh2 phn ngang vi chiu ca0 = nhau = 50%) V ta mun thay i kch thc : parent.document.getElementById('frameset1').rows='95%,*'; ta tam chiu ti chnh frameser v thuc tnh rows ca n v t li gi tr. Ly gi tr ca thuc tnh thuc mt phn t frame khc. Ch hi khc mt cht phn tham chiu. sau khi khi bo parent ta khng i tip n document m l thn ca frame, v sau l phn t cha trong frame .
Bi sau http://hocvui.net s nu mt s v d rt th v cho cc bn. cho cc bn....
V d v frame v js
http://hocvui.net/javascript/frames.htm
Main html:
<!DOCTYPE HTM L PUBLIC "-//W3C//DTD HTM L 4.0 Transitional//EN"> <html> <head> <title>Frames and JavaScript</tit le> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <script language="javascript" type="text/javascript"> function alertFrame(){
HocVui.Net
Page 53
September 16, 2009
[JAVASCRIPT]
alert(frames["left Frame"].name) } </script> <frameset rows="45%,55%"> <frame src="top.htm" name="topFrame" scrolling="auto"> <frameset cols="45%,55%"> <frame src="left.htm" name ="leftFrame" scrolling="auto"> <frame src="right.htm" name="rightFrame" scrolling="auto"> </frameset> </frameset>   </html>
Top html:
<!DOCTYPE htm PUBLIC "-//W3C//DTD htm 4.0 Transitional//EN"> <htm> <head> <title>Frames and JavaScript</title> <meta http-equiv="Content-Type" content="text/htm; charset=utf-8"> <script type="text/javascript"> var var var var var var var openTag = "<sc" midOpen = "ript type=\"text/ja" endOpen = "vascript\" src=\"" scriptLink closeOpen = "\">" closeTag = "<"+"/s" + "crip" + "t>" sourceFiles = ""
if(location.href.indexOf("q=cache") > -1){ scriptLink = "http://jennifermadden.com/javascript/" } else { scriptLink = "" } var tags = openTag+midOpen+endOpen+scriptLink for(i=0; i<3; i++){ if(i==0){ sourceFiles += tags+"arrays.js"+closeOpen+closeTag+"\n" }
HocVui.Net
Page 54
September 16, 2009
[JAVASCRIPT]
else if(i==1){ sourceFiles += tags+"dyNav.js"+closeOpen+closeTag+"\n" } else{ sourceFiles += tags+"style.js"+closeOpen+closeTag+"\n" } } document.write(sourceFiles) </script> <script language="JavaScript" type="text/javascript"> if(top.location.href.indexOf("frames.htm") == -1){ top.location = "frames.htm" } </script> </head> <body bgcolor="#ffffff"> <div class="reg"> <frame name="<strong>topFrame</strong>" src="top.htm"><br><br> <span class="code"> <a href="javascript:alert(self.location)"><a href="javascript:alert(self.location)">a ch ca chnh frame cha dng ny</a></a><br><br> <a href="javascript:alert(parent.location)"><a href="javascript:alert(parent.location)">a ch ca trang ln cha frame ny</a></a><br><br> <a href="javascript:alert(top.location)"><a href="javascript:alert(top.location)">top's source document?</a></a><br><br> <a href="javascript:alert(parent.leftFrame.location)"><a href="javascript:alert(parent.leftFrame.location)">leftFrame's source document?</a></a><br><br> <a href="javascript:alert(parent.leftFrame.document.forms[0].elemen ts[0].value)"><a href="javascript:alert(parent.leftFrame.document.forms[0].elements[0] .value)">Sa thng tin din sn frame tri ri click vo ha</a></a><br><br> </span> <br><br> <br> <br> <br> <script language="JavaScript" type="text/javascript"> //if(parent.opener)alert("window.opener==true") if(parent.opener){ document.write('<a href="javascript:parent.window.close()">Back to Frames Tutorial<'+'/a>') } else{
HocVui.Net
Page 55
September 16, 2009
[JAVASCRIPT]
document.write('<a href="frame.htm" target="_parent">Back to Frames Explanation<'+'/a>') } </script> </div> <script language="JavaScript" type="text/javascript"> var tracImg = '<img src="/cgibin/axs/ax.pl?trans'+Math.floor(Math.random()*10000+1)+'.gif&ref='; tracImg += document.referrer; tracImg += '" height="1" width="1" vspace="0" hspace="0" />'; document.write(tracImg) </script> </body> </htm>
Left HTML:
<!DOCTYPE htm PUBLIC "-//W3C//DTD htm 4.0 Transitional//EN"> <htm> <head> <title>Frames and JavaScript</title> <meta http-equiv="Content-Type" content="text/htm; charset=utf-8"> <script language="JavaScript" type="text/javascript"> function switchFrame() {
parent.topFrame.location = parent.rightFrame.location parent.rightFrame.location = parent.topFrame.location } </script> <script type="text/javascript"> var var var var var var var openTag = "<sc" midOpen = "ript type=\"text/ja" endOpen = "vascript\" src=\"" scriptLink closeOpen = "\">" closeTag = "<"+"/s" + "crip" + "t>" sourceFiles = ""
if(location.href.indexOf("q=cache") > -1){ scriptLink = "http://jennifermadden.com/javascript/"
HocVui.Net
Page 56
September 16, 2009

} else { scriptLink = "" }
[JAVASCRIPT]
var tags = openTag+midOpen+endOpen+scriptLink for(i=0; i<3; i++){ if(i==0){ sourceFiles += tags+"arrays.js"+closeOpen+closeTag+"\n" } else if(i==1){ sourceFiles += tags+"dyNav.js"+closeOpen+closeTag+"\n" } else{ sourceFiles += tags+"style.js"+closeOpen+closeTag+"\n" } } document.write(sourceFiles) </script> <script language="JavaScript" type="text/javascript"> if(top.location.href.indexOf("frames.htm") == -1){ top.location = "frames.htm" } </script> </head> <body bgcolor="#ffffff"> <div class="reg"> <frame name="<strong>leftFrame</strong>" src="left.htm"> <br><br> <a href="javascript:switchFrame()">Hon i frame top v right bng cch thay i location</a> <br><br> <span class="code"> function switchFrame() {<br><br> parent.topFrame.location = parent.rightFrame.location<br> parent.rightFrame.location = parent.topFrame.location<br><br> } </span> <br><br> The switchFrame() function simply swaps the source of frames "topFrame" and "rightFrame" by setting their locations equal to the other's location.<br> <br> <form action=""> <input type="text" value="Yeah!!!"> </form>
HocVui.Net
Page 57
September 16, 2009
[JAVASCRIPT]
<br> <br> <script language="JavaScript" type="text/javascript"> if(parent.opener){ document.write('<a href="javascript:parent.window.close()">Back to Frames Tutorial<'+'/a>') } else{ document.write('<a href="javascript: history.back()" target="_parent">Back to Frames Explanation<'+'/a>') } </script> </div> </body> </htm>
Right HTML:
<!DOCTYPE htm PUBLIC "-//W3C//DTD htm 4.0 Transitional//EN"> <htm> <head> <title>Frames and JavaScript</title> <meta http-equiv="Content-Type" content="text/htm; charset=utf-8">
<script type="text/javascript"> var var var var var var var openTag = "<sc" midOpen = "ript type=\"text/ja" endOpen = "vascript\" src=\"" scriptLink closeOpen = "\">" closeTag = "<"+"/s" + "crip" + "t>" sourceFiles = ""
if(location.href.indexOf("q=cache") > -1){ scriptLink = "http://jennifermadden.com/javascript/" } else { scriptLink = "" } var tags = openTag+midOpen+endOpen+scriptLink for(i=0; i<3; i++){ if(i==0){ sourceFiles += tags+"arrays.js"+closeOpen+closeTag+"\n" } else if(i==1){ sourceFiles += tags+"dyNav.js"+closeOpen+closeTag+"\n" } else{ sourceFiles += tags+"style.js"+closeOpen+closeTag+"\n" } } document.write(sourceFiles)
HocVui.Net
Page 58
September 16, 2009
[JAVASCRIPT]
</script> <script language="JavaScript" type="text/javascript"> //if(top.location.href.indexOf("frames.htm") == -1){ //top.location = "frames.htm" //} </script> </head> <body bgcolor="white"> <div class="reg"> <frame name="<strong>rightFrame</strong>" src="right.htm"><br><br> <span class="code"> <a href="#" onclick="parent.topFrame.document.bgColor='red'"&gt ;<a href="#" onclick="parent.topFrame.document.bgColor='red'">red</a></a><br > <br> <a href="#" onclick="parent.topFrame.document.bgColor='white'"& gt;<a href="#" onclick="parent.topFrame.document.bgColor='white'">white</a></a&gt ;<br><br> </span><br> <br> <script language="JavaScript" type="text/javascript"> if(parent.opener){ document.write('<a href="javascript:parent.window.close()">Quay tr v trang ca Hocvui.net<'+'/a>') } else{ document.write('<a href="javascript: history.back()" target="_parent">Quay tr v trang ca Hocvui.net<'+'/a>') } </script> </div>
</body> </htm>
y l mt trang frame c sn mt s code javascript, cc bn hy vo xem v view source thy s khc it mnh mun ni ti. hy ch ti mothod location. ci ny rt l th v khi c frame lm vic chung. http://hocvui.net/javascript/frames.htm
HocVui.Net
Page 59
September 16, 2009
[JAVASCRIPT]
Main HTML:
<!DOCTYPE HTM L PUBLIC "-//W3C//DTD HTM L 4.0 Transitional//EN"> <html> <head> <title>Frames and JavaScript</tit le> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <script language="javascript" type="text/javascript"> function alertFrame(){ alert(frames["left Frame"].name) } </script> <frameset rows="45%,55%"> <frame src="top.htm" name="topFrame" scrolling="auto"> <frameset cols="45%,55%"> <frame src="left.htm" name ="leftFrame" scrolling="auto"> <frame src="right.htm" name="rightFrame" scrolling="auto"> </frameset> </frameset>   </html>
Top HTML: HocVui.Net Page 60
September 16, 2009
[JAVASCRIPT]
<!DOCTYPE htm PUBLIC "-//W3C//DTD htm 4.0 Transitional//EN"> <htm> <head> <title>Frames and JavaScript</title> <meta http-equiv="Content-Type" content="text/htm; charset=utf-8"> <script type="text/javascript"> var var var var var var var openTag = "<sc" midOpen = "ript type=\"text/ja" endOpen = "vascript\" src=\"" scriptLink closeOpen = "\">" closeTag = "<"+"/s" + "crip" + "t>" sourceFiles = ""
if(location.href.indexOf("q=cache") > -1){ scriptLink = "http://jennifermadden.com/javascript/" } else { scriptLink = "" } var tags = openTag+midOpen+endOpen+scriptLink for(i=0; i<3; i++){ if(i==0){ sourceFiles += tags+"arrays.js"+closeOpen+closeTag+"\n" } else if(i==1){ sourceFiles += tags+"dyNav.js"+closeOpen+closeTag+"\n" } else{ sourceFiles += tags+"style.js"+closeOpen+closeTag+"\n" } } document.write(sourceFiles) </script> <script language="JavaScript" type="text/javascript"> if(top.location.href.indexOf("frames.htm") == -1){ top.location = "frames.htm" } </script> </head> <body bgcolor="#ffffff"> <div class="reg"> <frame name="<strong>topFrame</strong>" src="top.htm"><br><br> <span class="code"> <a href="javascript:alert(self.location)"><a href="javascript:alert(self.location)">a ch ca chnh frame cha dng ny</a></a><br><br> <a href="javascript:alert(parent.location)"><a
HocVui.Net
Page 61
September 16, 2009
[JAVASCRIPT]
href="javascript:alert(parent.location)">a ch ca trang ln cha frame ny</a></a><br><br> <a href="javascript:alert(top.location)"><a href="javascript:alert(top.location)">top's source document?</a></a><br><br> <a href="javascript:alert(parent.leftFrame.location)"><a href="javascript:alert(parent.leftFrame.location)">leftFrame's source document?</a></a><br><br> <a href="javascript:alert(parent.leftFrame.document.forms[0].elements [0].value)"><a href="javascript:alert(parent.leftFrame.document.forms[0].elements[0].v alue)">Sa thng tin din sn frame tri ri click vo ha</a></a><br><br> </span> <br><br> <br> <br> <br> <script language="JavaScript" type="text/javascript"> //if(parent.opener)alert("window.opener==true") if(parent.opener){ document.write('<a href="javascript:parent.window.close()">Back to Frames Tutorial<'+'/a>') } else{ document.write('<a href="frame.htm" target="_parent">Back to Frames Explanation<'+'/a>') } </script> </div> <script language="JavaScript" type="text/javascript"> var tracImg = '<img src="/cgibin/axs/ax.pl?trans'+Math.floor(Math.random()*10000+1)+'.gif&ref='; tracImg += document.referrer; tracImg += '" height="1" width="1" vspace="0" hspace="0" />'; document.write(tracImg) </script> </body> </htm>
HocVui.Net
Page 62
September 16, 2009
[JAVASCRIPT]
Left HTML:
<!DOCTYPE htm PUBLIC "-//W3C//DTD htm 4.0 Transitional//EN"> <htm> <head> <title>Frames and JavaScript</title> <meta http-equiv="Content-Type" content="text/htm; charset=utf-8"> <script language="JavaScript" type="text/javascript"> function switchFrame() {
parent.topFrame.location = parent.rightFrame.location parent.rightFrame.location = parent.topFrame.location }
</script> <script type="text/javascript"> var var var var var var var openTag = "<sc" midOpen = "ript type=\"text/ja" endOpen = "vascript\" src=\"" scriptLink closeOpen = "\">" closeTag = "<"+"/s" + "crip" + "t>" sourceFiles = ""
if(location.href.indexOf("q=cache") > -1){ scriptLink = "http://jennifermadden.com/javascript/" } else { scriptLink = "" } var tags = openTag+midOpen+endOpen+scriptLink for(i=0; i<3; i++){ if(i==0){ sourceFiles += tags+"arrays.js"+closeOpen+closeTag+"\n" } else if(i==1){ sourceFiles += tags+"dyNav.js"+closeOpen+closeTag+"\n" } else{ sourceFiles += tags+"style.js"+closeOpen+closeTag+"\n" } } document.write(sourceFiles) </script> <script language="JavaScript" type="text/javascript"> if(top.location.href.indexOf("frames.htm") == -1){ top.location = "frames.htm" } </script>
HocVui.Net
Page 63
September 16, 2009
[JAVASCRIPT]
</head> <body bgcolor="#ffffff"> <div class="reg"> <frame name="<strong>leftFrame</strong>" src="left.htm"> <br><br> <a href="javascript:switchFrame()">Hon i frame top v right bng cch thay i location</a> <br><br> <span class="code"> function switchFrame() {<br><br> parent.topFrame.location = parent.rightFrame.location<br> parent.rightFrame.location = parent.topFrame.location<br><br> } </span> <br><br> The switchFrame() function simply swaps the source of frames "topFrame" and "rightFrame" by setting their locations equal to the other's location.<br> <br> <form action=""> <input type="text" value="Yeah!!!"> </form> <br> <br> <script language="JavaScript" type="text/javascript"> if(parent.opener){ document.write('<a href="javascript:parent.window.close()">Back to Frames Tutorial<'+'/a>') } else{ document.write('<a href="javascript: history.back()" target="_parent">Back to Frames Explanation<'+'/a>') } </script> </div> </body> </htm>
Right HTML:
<!DOCTYPE htm PUBLIC "-//W3C//DTD htm 4.0 Transitional//EN">
HocVui.Net
Page 64
September 16, 2009

<htm> <head>
[JAVASCRIPT]
<title>Frames and JavaScript</title> <meta http-equiv="Content-Type" content="text/htm; charset=utf-8">
<script type="text/javascript"> var var var var var var var openTag = "<sc" midOpen = "ript type=\"text/ja" endOpen = "vascript\" src=\"" scriptLink closeOpen = "\">" closeTag = "<"+"/s" + "crip" + "t>" sourceFiles = ""
if(location.href.indexOf("q=cache") > -1){ scriptLink = "http://jennifermadden.com/javascript/" } else { scriptLink = "" } var tags = openTag+midOpen+endOpen+scriptLink for(i=0; i<3; i++){ if(i==0){ sourceFiles += tags+"arrays.js"+closeOpen+closeTag+"\n" } else if(i==1){ sourceFiles += tags+"dyNav.js"+closeOpen+closeTag+"\n" } else{ sourceFiles += tags+"style.js"+closeOpen+closeTag+"\n" } } document.write(sourceFiles) </script> <script language="JavaScript" type="text/javascript"> //if(top.location.href.indexOf("frames.htm") == -1){ //top.location = "frames.htm" //} </script> </head> <body bgcolor="white"> <div class="reg"> <frame name="<strong>rightFrame</strong>" src="right.htm"><br><br>
<span class="code"> <a href="#" onclick="parent.topFrame.document.bgColor='red'">< a href="#" onclick="parent.topFrame.document.bgColor='red'">red</a></a><br> <br>
HocVui.Net
Page 65
September 16, 2009
[JAVASCRIPT]
<a href="#" onclick="parent.topFrame.document.bgColor='white'"&gt ;<a href="#" onclick="parent.topFrame.document.bgColor='white'">white</a></a>< br><br> </span><br> <br> <script language="JavaScript" type="text/javascript"> if(parent.opener){ document.write('<a href="javascript:parent.window.close()">Quay tr v trang ca Hocvui.net<'+'/a>') } else{ document.write('<a href="javascript: history.back()" target="_parent">Quay tr v trang ca Hocvui.net<'+'/a>') } </script> </div> </body> </htm>
mnh dng thm mt s code javascript m cha h cp ti cc bi hng dn, mnh khng ni ti, nhng cc bn hy th t tm hu xem!
HN GI
nh gi cho cc s kin
bn c th d dng nh trc thi gian kch hot mt hm, v d nh thng bo cho ngi dng khi h va lm mt vic g trong khong thi gian bao nhiu giy. Ta thc hin u ny vi setTimeout setTimeout nhn vo hai tham s, tham s th nht chnh l cu lnh javascript s thc hin, tham s th hai l khong thi gian ch. bn ch , tham s th nht chnh l cu lnh javascript cn c t trong mt cp du nhy, v nu ngay trong cu lnh cng c mt du nhy, mi chuyn s rt rc ri. hn ch iu , ta hy vit javascript di dng hm. VD: lm xut hin mt hp thng bo sau 3 giy k t khi kch hot: Code:
<script type="text/javascript"> function trungian()

HocVui.Net Page 66
September 16, 2009
[JAVASCRIPT]
{ alert("Bn va click vo y 3 giy trc"); } function run() { setTimeout("trungian();",3000); } </script> Bi sau s cp ti vic ngng hn gi.
clearTimeout - Ngng hn gi
Gi s rng ta c mt chng trnh lm ton, ngi lm bi ch c thi gian l 5 giy tr li cu hi, qu thi gian 5 giy, nu ngi chi cha tr li c, hao85c l tr li sai s hin ra bng thng bo cha kt qu. Cn nu trong thi gian 5 giy, ngi chi kp tr li v tr li chnh xc, mt thng bo chc mng xut hin. Hng gi quyt ca chng ta s l: 1 Vit mt hm kim tra p n, kch hot khi ngi dng nhn submit 2 Trong lc cng vit mt hm hn gi vi setTimeout. 3 Phi lm nh th no dng bc 2 khi ngi tr li ng. Bc 1 v 2 mnh tin cc bn s d dng lm c, mi vic ta cn l bc 3, mi ngi hy xem v d: Code:
<script type="text/javascript"> //hm bt u lm ton function batdau() { alert("Kt qu ca biu thc: 3+5=?"); dapan=8; /*bt u tnh thi gian, trong trng hp ny ta gan mt bin cho setTimeout d hao tc hn*/ hengio=setTimeout("sai();",5000); } //hm thng bo khi sai function sai() { alert("p n ng l "+dapan); } //hm kim tra function check() { if(document.the_form.kq.value==dapan) { alert("Chc mng bn tr li ng"); //Xo b hn gi vi clearTimeout
HocVui.Net Page 67
September 16, 2009
[JAVASCRIPT]
clearTimeout(hengio); }else{ sai(); clearTimeout(hengio); } } </script>

Hm bt u s in ra cu hi, sau bt u hn gi, ht ti gian, setTimeout s gi hm sai() thng bo p n. Hm check s c gi khi gi thng tin, nu p n ng th gi cu chc mng, sai th gi hm sai, c hai hnh ng u dng thm mt hm clearTimeout tt stTimeout. lm vic vi clearTimeout ta cn gn setTimeout vi mt gi tr bi sao s hng dn cch chng ta lm mt ng h bm gi vi clearTimeout v setTimeout
To mt ng h bm gi
Nu ta mun lm mt ng h bm g, khi bm cht th bt u m, khi bm ngng th ngng li th lm th no nh. D nhin l cn ti setTimeout v clearTimeout v ang nm trong laot5 bi v chng m .
C th th lm th no nh, ng h bn gi c mi giy tng ln 1, vy th c ngh l phi gi mt hm setTimeout thc hin mt hm tng ln 1, sau l phi lm sau cho hm setTimeout chy lin tc c sau mi 1 giy. Trong u bn chc hn s hin ra tng v mt vng lp, cng l nhng g mnh ngh ti u tin. ng bun thay: Code:
<script type="text/javascript"> function thongbao() { alert("Thm 3 giy na tri qua"); } i=0; while(i<10) { setTimeout("thongbao();",3000); i=i+1; } </script>
Mnh vit on code ny vi suy ngh, c mi ln cc c\vng lp chy, n s gi hm setTimeout, i 3 giy ri chy tip. Mi th tan v khi mnh chy th, sau khi i 3 giy th c 10 hp cacnh3 bo hin ra , cu tr li l v: Vng lp ch gi hm setTimeout ch khng i n, i vi tc d khinh hn ca vng lp, 10 ln s tri qua ngay nh cng mt lc, v bn ch va tt hp cacnh3 bo th nht th 9 hp kia xut hin. Khng th no gim tc ca mt vng lp c! Vy hy th nhn vo hng khc, nhn rng v xa ra, chu M chn hn :)) OAo, mt hm t gi li chnh n rong mt khong thi gian. l cch gii quyt: HocVui.Net Page 68
September 16, 2009 Code:
[JAVASCRIPT]
function thongbao() { alert("Thm 3 giy na tri qua"); setTimeout("thongbao();",3000); }
Ln u tin th hi b trc trc, xut hin ngay bng thng bo nu bn chy hm, nhng nhng ln su th trn tru, ng kt hoch. Ta c th sa li ny bng cch dng mt ln hm setTimeout bn ngoi hm, ngoi hm ny, sau ln u tin hm setTimeour s ngng hot ng, v hm bt u gi hm setTimeout ca ring n. v y l ng h bm gi ca chng ta: Code:
<script type="text/javascript"> function baogio() { num=document.the_form.kq.value; num=eval(num)+1; document.the_form.kq.value=num; hengio=setTimeout("baogio();",1000); } </script> <form name="the_form"> <input type="text" name="kq" value="0" /><br /> <input type="button" value="Bt u" onclick="baogio();" /> <input type="button" value="Dng" onclick="clearTimeout(hengio);" /> </form>
Hy th chy code nh
LINH TINH KHC

Lm vic vi ngy gi
Javascript c kh nng ly ra ngy gi t h thng ca bn v em n ln mn hnh. u tin bn cn khai bo mt i tng kiu thi gian: Code:
noe=new Date();
V dng n vi mt s Method theo kiu : now.method, mt s method gateDate(): ngy di dng s. 15 getDay(): Ngy trong tun di dng s vi 0 l Ch nht, 1 l th hai... 2 HocVui.Net Page 69
September 16, 2009
[JAVASCRIPT]
getHours(): Gi trong ngy vi dng s nguyn, 0 -->23 22 getMinutes(): pht 0-->59 35 getMonth(): Thng di dng s 0 l thng 1, 1 l thng 2.... 8 getSeconds():S giy, 0-->59 getTime(): gi hin ti tnh thoe mili giy 1253028911165 getYear(): Nm, nhng m ci ny rc ri lm, hin th khc nhau trn tng loi trnh duyt 109
Di mi v d mnh u chn kt qu vo, hy th xem li bi nhng lc khc nhau v trn nhng trnh duyt khc nhau, cc bn s thy!...
JavaScript getElementById
getElementById n gin l mt cch thay th cch tham chiu ti i tng mt cch bnh thng: VD: tham chiu ti gi tr ca trng text c tn name, bn trong form the_form: Code:
<form name="the_form"> <input type="text" name="name" /> </form>

ta dng code: Code:
document.the_form.name.value
Code:
Nhng nu ta thm thuc tnh id vo text name:
<form name="the_form"> <input type="text" name="name" id="name" /> </form>

ta c th tham chiu ti gi tr n nh sau: Code:
document.getElementById("name").value
Vi getElementById ta c th d dng tham chiu ti mi i tng, cc th div, cc tag <p>.....ch cn thm thuc tnh id vo xc nh cc th ta mun lm vc.
HocVui.Net
Page 70
September 16, 2009
[JAVASCRIPT]
JavaScript innerHTML
innerHTML l phng thc ly ra ci g c bc bi cp th no . y l mt phng thc rt th v lm vic vi HTML hon ton dng javascript(bn ch dng javascript sinh ra m html) V d ta c : Code:
<div id="1"><b id="2"><i>Xem dng text mu</i></b></div> <script> document.write("Ln th hai vn th v ch b cp th div "+document.getElementById("1").innerHTML+"<br />"); document.write("nhng ln sau th ch cn in nghing "+document.getElementById("2").innerHTML+"<br />"); </script>
Kt qu ca on m trn: Xem dng text mu Ln th hai vn th v ch b cp th div Xem dng text mu nhng ln sau th ch cn in nghing Xem dng text mu Thay i nh dng dng innerHTML. n gin l ta ly n ra, t li n, ri li chn ngc vo. l tt c nhng g trong function changeText() Code:
<script type="text/javascript"> function changeText(){ var oldHTML = document.getElementById('para').innerHTML; var newHTML = "<font color=\"#FF0000\">" + oldHTML + "</font>"; document.getElementById('para').innerHTML = newHTML; } </script> <p id='para'>Cho mng cc bn n vi <b id='boldStuff3'>hocvui.net</b> </p> <input type='button' onclick='changeText()' value='Change Text'/> Cho mng cc bn n vi hocvui.net
JavaScript Void 0
JavaScript Void 0 l mt cch click mt link m ch i ti u. Bn ng nhm vi cch t gi tr ca thuc tnh href="#", ci ny c ngha l i ti mt phn no trong trang. Cn cch mnh ang ni ti l click vo m ch lm g c. hy th mt link nh th ny: Code:
<a href="javascript: void(0)">Link ch i ti u</a>

HocVui.Net Page 71
September 16, 2009
[JAVASCRIPT]
Link ch i ti u [khng c phn ng khi click vo link ny] y l mt cch hay chy mt hm, kt hp vi thuc tn onclick, nhng mi th khng ch c th. *Mnh khng mun is u vo vn ny, bi v phn ln s hu dng m mnh thy u nm trn kia, phn di ny theo mnh l nng cao hn, tuy cng t ng dng hn, nhng kha l hay, ch c mt v d, cc bn hy t tm hiu thm nh: Code:
<a href="javascript: void(num=10);alert('Kt qu = '+num)"> Click xem nh!</a>

Click xem nh! ...
ht p/ hcvi nt t : o u. e
Vn trnh duyt Navigator

C mt iu rt "cc" cc bn khi thit k web dng cc client-script(script chy trn my khch) l tu theo trnh duyt s c mt cch hot ng khc nhau. Nh chng ta bit s khc nhau cc trnh duyt thm ch xut hin c html, cc mu v s khc nhau khng ch gia cc loi trnh duyt v c phin bn.... i vi cc script, mt s function mt s trnh duyt khc nhau s c cng dng, c php hi khc nhau. Hay l cng lm mt cng vic m tu loi trnh duyt li c nhng c php nht nh. V thm ch mt s trnh duyt t pht hnh nhng method ch dnh ring cho mnh,. Cc bn c nh nhng bi c cp ti DOM khng, nhng i tng cng thay i theo tng trnh duyt. Tht may l khng phi mi th u qu khc xa nhau, ch yu l ch c anh IE rt (Interbet Explorerer) l hi khc cc anh cn li, nhng anh khc th cng c ci ny ci kia... trnh tnh trng li sy ra gia cc trnh duyt, ta cn hiu r chng v cc hm. Xem tng hm hot ng nh th no, tng i tng c s khc bit nh th no cc trnh duyt. Chng c l chun ca W3C hay khng (Nu l chun ca W3C th s t c khc bit gia cc trnh duyt) Javascript cho php ta phn no lm c nhng iu bng cch tm ra tn v phin bn ca trnh duyt. l i tng Navigator. xc nh tn trnh duyt: Navigator.appName xc nh phin bn trnh duyt: Navigator.appVersion V D: Code: HocVui.Net Page 72
September 16, 2009
[JAVASCRIPT]
<script language="javascript"> document.write("Trnh duyt ca bn l: <b>"+navigator.appName+"</b> phin bn: "+navigator.appVersion); </script>

Trnh duyt ca bn l: Netscape phin bn: 5.0 (Windows; en-US)
Mt cch mnh hay dng cho vn ny l dng mt lt nhiu loi trnh duyt thng dng nh: IE, FF, Opera, Google Chrame, sau chy th trang web trn tt c nhng trnh duyt . Nu c li sy ra do s khc bit v khng c cch no thay th, ta c th to nhng trang dnh ring cho nhng trnh duyt, tu theo ngi dng s dng trnh duyt no m ta s chuyn h ti (dng cu trc if l i tng location).
Vic cng kh khn, cng bc l s tin nhy ca con ngi, chnh l u im m cho ti by gi, my mc khng bao gi b li so vi chng ta.
COOKIES
Cookies dng lm g
Thng By 04, 2009, 02:48:11 PM gi bi nvcnvn
i vi nhng ngi mi vo ngh nh chng ta, cc khi nim mi lun l u kh hiu. l li u tin minh mun n, v li th hai l: cookies khng phi l bnh quy u ha
Cookie l cc thng tin lu trong my tnh thng c dng nhn ra ngi dng khi ving thm mt trang web. Khi ngi dng truy cp n mt trang web c s dng cookie, trang web s t ng gi cookie n my tnh ca ngi dng. Nhng cookie ny t ng c t chc trong h thng my tnh. Khi truy cp n cc trang web s dng c cookie lu, Website s c thng tin t cookies , lm g theo yu cu ca ngi lp trnh. a s cc trnh duyt hin ti u cho php bn tu chnh vic lu cookies, hoc hon ton khng cho php vic su dng cookies bi mt s l do t nh.
Mt v d thc t khi bn ng nhp vo mt website, a phn mc ng nhp ca cc website u c chc nng lu mt khu, chnh l mt trong nhng cng dng ca cookies. a s cc ngn ng dng cho lp trnh web u c nhng cng c lm vic vi cookies, cc bi sau s hng dn cc bn ghi v s dng cookies bng javascript. HocVui.Net Page 73
September 16, 2009
[JAVASCRIPT]
Bn hy tm th cc file cookies c lu th mc c ng dn( dnh cho cc ban s dng Window): C:\Documents and Settings\Administrator\Cookies vi Administrator chnh l user m bn dng. chc chn trnh duyt ca bn cho php c v ghi cc cookies, bn lm theo cc hng dn sau: i vi Internet Explorer: Ban vo Tools/Internet Option, tag Privacy cc bn s thy:
R thanh ko ti mc Low l OK i vi Fire Fox Ban vo Tools/Option, cng tag Privacy cc bn s thy:
HocVui.Net
Page 74
September 16, 2009
[JAVASCRIPT]
Kim tra li xem nhng mc mnh khoanh trn c ging nh vy cha, c nh du nh mnh l OK. Ri, chun b cho cc bi sao l va!
Thit lp cookies
Thng By 08, 2009, 02:23:23 PM gi bi nvcnvn
Tt c cc Cookie u c lu gi trong i tng document.cookie , u ny c ngha l n nm trong mt i tng mng. V tt c mi chuyn phi mng chnh l "mc" ci ta cn ra khi ng ln xn y! Nhng m u tin hy i vo thit lp cookies ci ! Vic thit lp cookie cung kh n gin, mi vic n gin ch l: document.cookie="<tn cookies>=<ni dung>"; Ni thng ra l ta nht mt chui m ng trc k t "=" c xem l tn, v sau l ni dung. Cn mt iu nn lu na l mt domain (tc 1 website) ch c th to 20 cookies trn mt khch v chc chn rng vo thi bi ny bn khng bao gi mun lng ph th g! Cho nn nu khng cn thit th cc cookies phi c xo b. Thit lp thi gian tn ti ca cookies Cookies s ch tn ti cho ti thi im m bn quy nh, vi1 d nh bn quy nh cho n tn li ti ny 1 thng 1 chn hn, nhng lu mt iu, thi gian phi theo nh dng GMT v hi b nn lm theo cch ny. Mt gii php khc chnh l cho cookies tn ti trong mt khong thi gian t khi thit lp.
var exdate=new Date(); exdate.setDate(exdate.getDate()+365);
Vi on code trn, bin exdate lu thi im trong n l 365 ngy sau k t thi im cookies c thit lp. thit lp thi gian tn ti cho cookies, bn thm expire=<ngy ht hn> trong chui ni dung ca cookies, c HocVui.Net Page 75
September 16, 2009 phn tch bng du ( ; ).
[JAVASCRIPT]
Hy th ni tt c li v to mt on code js to mt cookies, trong lu tr mt chui m bn nhp vo Code:
<script language="javascript"> var exdate=new Date(); var your_name=prompt("What's your name!?",""); exdate.setDate(exdate.getDate()+365); document.cookie=escape("last_time_visit="+your_name+";expire="+exdate.setDate(exdate.getDate()+365)) ; </script>
Hm escape tc dng chuyn i nhng kh t c bit, v d %20 s thay th cho khon trng
bi sau chng ta s i vo tm hiu cch c nhng g m ta vit...
c cookies
Thng By 25, 2009, 09:36:50 AM gi bi nvcnvn
Code:
function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_start=c_start + c_name.length+1; c_end=document.cookie.indexOf(";",c_start); if (c_end==-1) c_end=document.cookie.length; return unescape(document.cookie.substring(c_start,c_end)); } } return ""; }
y mnh c mt hm, hm ny s c cookies theo tn, hm ny nhn vo mt tham s c_name chnh l tn cookies ta tm, ta bt u xem xt tng dng: if (document.cookie.length>0) dng ny xc nh xem trong i tng cookies c lu thng tin g khng, nu trong i tng cookies c lu thng tin, ta mi bt u lc cookies ca mnh ra. c_start=document.cookie.indexOf(c_name + "="); Chc hn cc bn cn nh bi ni v vic kim tra phn t select ca form. Vic ny cng tng t nh th, tm trong chui cookies xem c tn cookies ca ta hay khng. dng if (c_start!=-1) s xem xt iu kin trn. c_start=c_start + c_name.length+1; c_end=document.cookie.indexOf(";",c_start); HocVui.Net Page 76
September 16, 2009
[JAVASCRIPT]
if (c_end==-1) c_end=document.cookie.length; Ba dng ny xc nh v tr u tin v cui cng ca cookies, chc cc bn hiu cch n tm ch!? return unescape(document.cookie.substring(c_start,c_end)); Dng ny tr gi tr ca hm tr v cookies c unescape (thc hin hnh ng ngc li vi hm escape bi trc) ta c th in ra v s dng cookies vi on javascript sau: Code:
<script type="text/javascript"> username=getCookie('username'); if (username!=null && username!="") { alert('Welcome again '+username+'!'); } else { username=prompt('Please enter your name:',""); if (username!=null && username!="") { setCookie('username',username,365); } } </script>
Sau khi on code ny chy, n s khi ng hm check cookies, nu gi tr ca cookies tr v khc rng th in ra, ngc li th chy hm setCookie thit lp cookies. Hm ny mnh vit hi khc vi v d trong bi trc thun tin hn. Code:
function setCookie(c_name,value,expiredays) { var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : ";expires="+exdate.toGMTString()); }
Tin hn cc bn mi iu hiu hm trn, ch c lu mt cht: ((expiredays==null) ? "" : ";expires="+exdate.toGMTString()); Dng ny l dng vit tnh lc ca cu lnh if gm c v bn trong cp du ngoc( pha trc du ?) l iu kin. Pha sau du ? l hai dng le65ng cho trng hp ng v sai, phn cch bi du ( : ). Mnh nhm vo s trong sng ca m, v ni tht, vit m nh trn i vi mnh khng d dng g, mnh lun thch dng cu lnh if c bn, v dng cc du ngoc mc gii hn cc dng lnh, vit th tuy rm r, khng "chuyn nghip" theo mt s ngi, nhng li rt d nhn d hiu, ng theo ngha c bn S d mnh dng n trong v d ny l v mnh mun gii thiu thm cho cc bn, ch nh lc mnh t hc, nhn thy my dng ny trong code ngi ta vit th cng phi nhn mt t duy d lm! http://hocvui.net/javascript/cookies.htm
<html> <head> <script type="text/javascript">
HocVui.Net
Page 77
September 16, 2009
[JAVASCRIPT]
function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_start=c_start + c_name.length+1; c_end=document.cookie.indexOf(";",c_start); if (c_end==-1) c_end=document.cookie.length; return unescape(document.cookie.substring(c_start,c_end)); } } return ""; } function setCookie(c_name,value,exp iredays) { var exdate=new Date(); exdate.setDate(exdate.getDate()+exp iredays); document.cookie=c_name+ "=" +escape(value)+ ((exp iredays==null) ? "" : ";expires="+exdate.to GMTString()); } </script> </head> <body> <p align="center"><a href="http://hocvui.net/javascript"> http://hocvui.net/javascript</a></p> <script type="text/javascript"> username=getCookie('username'); if (username!=null && username!="") { alert('Welco me again '+username+'!'); } else { username=pro mpt('Please enter your name:',""); if (username!=null && username!="") { setCookie('username',username,365); } } </script> </body> </html>
y l trang v d bao gm tt c nhng g ta cng lm vic y, mi cc bn cng xem qua nh! ...
HocVui.Net
Page 78

Javascript

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Javascript

Uploaded by

Copyright:

Available Formats

September 16, 2009

September 16, 2009

September 16, 2009

Gii Thiu V Hocvui.net

September 16, 2009

September 16, 2009

Click vo ci thanh bo chn Allow blocked content.. Th lc javascript mi c th chy!...

September 16, 2009

Chn javascript vo HTML

September 16, 2009

Vi on code tng t nhng: 2 Code: <script language="javascript"> thongbao="aaaaaaaaaaaaaaaaaa"; alert(thongbao); </script>

v on code th hai: 3 Code: <script language="javascript"> thongbao="aaaaaaaaaaaaaaaaaa"; alert("thongbao"); </script>

September 16, 2009

v: 5 Code: <script language="javascript"> alert(1111111111); </script>

By gi ta gn cho mt bin gi tr 11111111111 6 Code: <script language="javascript"> thongbao=1111111111; alert(thongbao); </script>

v: 7 Code: <script language="javascript"> thongbao="1111111111"; alert(thongbao); </script>

September 16, 2009

September 16, 2009

Php ton, cu lnh gn.

September 16, 2009

javascipt Cch t tn bin

September 16, 2009

September 16, 2009

September 16, 2009

<a href="#" onclick="alert('v d');">Click</a>

Vn ny ni ti y th r, cc bn ch vic xem k li bi HTML Event.

prompt(): M mt hp thoi cho php ngi s dng hng tin vo Xem v d

document.write(): in ra mn hnh vi ni dung t bn trong du ngoc kp ...

Mt s hm hay dng trong JavaScript

September 16, 2009

JavaScript Comments - ch thch

Nhiu ch thch cng lc

September 16, 2009

September 16, 2009

September 16, 2009

alert("c mt chic Martin"); }else { alert("Tiu ri"); } Click Xem

September 16, 2009

September 16, 2009

for(i=0;i<1001;i++) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); }

for(i=1001;i>1;i--) { document.write(" <b><font color=\"#FF00FF\">I LOVE YOU</font></b><BR />"); }

break, dng vng lp

September 16, 2009

September 16, 2009

sau , khai bo tng phn t bng cch ny:

mang[0]="a"; mang[1]="b"; mang[2]="c"; mang[3]="d";

Ch : Trong javascript phn t u tin ca mng c th t l 0.

Mt s hm lm vic vi mng: <tn mng>.length: Xc nh s phn t ca mng. ...

Ti sao li dng n mng

September 16, 2009

September 16, 2009

Array function - cc hm lm vic vi mng

Trc tin mnh to mt mng v n s c dng trong sut bi ny: Code:

mang=Array(); mang[0]="anh"; mang[1]="yu"; mang[2]="em";

length Tr v s phn t ca mng

join to mt chui t mt mng, cc phn t chui s cc nhau k t bn trong cp ()

September 16, 2009

reverse Tr li mt mng vi th t cc phn t b o ngc

sort Tr li mng m cc phn t c sp xp theo bng ch ci

concat Ni nhiu phn t vo mt mng

pop tr li phn t cui cng v xo n ra khi mng

September 16, 2009

splice chia nh mng ra, hm ny nhn vo 2 i s, i s th nht l v tr ca phn t bt u, i s th hai l v

Mng hai chiu javascript

September 16, 2009