Giáo trình JavaScrip

GiớithiệuvềJavaScript  JavaScriptlàgì? CáchđặtJavaScripttrongtrangHTML VịtríđặtJavaScripttrongtrangHTML ThựcthiJavaScriptbênngoài  JavaScriptlàgì? · Javascript làngônngữlậptrìnhkiểuthôngdịchdànhchoweb.Khiđoạnmãjavascriptđượcchènvào tranghtmlthìtrìnhduyệtwebsẽthôngdichvàthựchiện · Javascriptdonetscaptepháttriển.Cúphápcủanógầngiốngnhưc++ · JavaScriptđượchỗtrợtốttronghầuhếtcáctrìnhduyệt  WhatcanaJavaScriptDo? JavaScriptgivesHTMLdesignersaprogrammingtool  HTMLauthorsarenormallynotprogrammers,butJavaScriptisaverylightprogramminglanguagewitha verysimplesyntax!Almostanyonecanstartputtingsmall"snippets"ofcodeintotheirHTMLdocuments.  JavaScriptcanputdynamictextintoanHTMLpage  AJavaScriptstatementlikethis:document.write("<h1>"+name+"</h1>")canwriteavariabletextintothe displayofanHTMLpage,justlikethestaticHTMLtext:<h1>BillGates</h1>does.  JavaScriptcanreacttoevents  AJavaScriptcanbesettoexecutewhensomethinghappens,likewhenapagehasfinishedloadingorwhena userclicksonanHTMLelement.  JavaScriptcanreadandwriteHTMLelements  AJavaScriptcanreadanHTMLelementandchangethecontentofanHTMLelement.  JavaScriptcanbeusedtovalidatedata  JavaScriptscanbeusedtovalidatedatainaformbeforeitissubmittedtoaserver.Thisfunctionis particularlywellsuitedtosavetheserverfromextraprocessing. CáchđặtJavaScripttrongHTML  Dùngtag <script></script<tagđểchèn JavaScriptvàotrangHTML Vídụ: <html> <head> </head> <body> <scripttype="text/javascript"> document.write("HelloWorld!") </script> </body> </html>  VịtríđặtđoạnmãJavaScript  Đoạnscriptsẽthựcthingaykhitrangwebđượcmở  Đặtgiữatag<head>và</head>  Khiđoạnscriptđặtgiữatag<head> </head>thìbảođảmnósẽđượcthựcthitrướckhigọihàm Vídụ: <html> <head> <scripttype="text/JavaScript"> somestatements </script> </head>  Đặtgiữatag<body>và</body>  Đoạnscripttrongphầnbody đượcthựcthikhitrangwebđangmở Vídụ: <html> <head> </head> <body> <scripttype="text/JavaScript"> somestatements </script> </body> Đặtgiữatag<body>và</body>hay<head>và</head>  ĐoạnscriptcóthểđặttrongphầnđầuhayphầnthâncủatagHTML.Sốlượngđoạnscriptkhônghạnchế Vídụ: <html> <head> <scripttype="text/JavaScript"> somestatements </script> </head> <body> <scripttype="text/JavaScript"> somestatements </script> </body>  Thựcthi đoạnmãJavaScriptbênngoài  KhimuốnthựcthiđoạnJavaScripttrênnhiềutrangtanênviết đoạnmãđórafile*.js,sauđógọiđoạnmàđó dùngthuộctính " src" . File*.jskhôngchứatag<script>  Vídụ:  Tacóđoạnmãjavascriptđượclưutrongfiletest.jsnhưsau: document.write("Thisscriptisexternal") Gọi đoạnscriptdùngthuộctính"src"từtrangHTML <html> <head> </head> <body>  <scriptsrc="xxx.js"></script>  </body> </html>  BiếntrongJavaScript Cáckiểudữliệucơbản Khaibáobiến Cáctoántử Cáchàm Cáckiểudữliệucơbản · JavaScriptđịnhnghĩacáckiểudữliệucơbảnbaogồm:kiểusố,kiểuchuỗi,kiểuluậnlý,kiểuobject,kiểu mảng,null,undefined. · TrìnhthôngdịchJavaScriptchỉcóthểtínhtoángiátrịcủamộtbiểuthứckhikiểudữliệucủacáctoánhạng lànhưnhau.Dođó,đôilúccầnphảiépkiểuchocáctoánhạngtrongcácbiểuthứcđểtránhcáchiệuứng lề.  Khaibáobiến · Sửdụngtừkhoá varđểkhaibáobiến.JavaScriptđòihỏicácbiếnphảiđượckhaibáotrướckhisửdụng. · Vídụ varcount; varcount,amount;//khaibaonhiềubiếncùngkiểu varcount=10,amount=9;//Vừakhaibáovừakhởitạogiátrịchobiến · Nếubiếnkhôngđượckhởitạolúckhaibáo,nósẽlấygiátrịlàundefined. · Quitắcđặttênbiến: o Phảibắtđầubằngmộtkýtựhaydấugạchdưới"_". o Theosauchỉlàhoặckýtự,hoặckýtựsốhoặcdấugạchdưới. o Khôngđượctrùngvớicáctừdànhriêngvídụnhưtừkhoá · Tạodữliệukiểumảng: o Vídụsaudùngđểkhaibáomảngmộtchiềucó10phầntử: varA=newArray(10). o Phầntửbắtđầucủamảnglà0.Đểtruyxuấtđếnphầntửicủamảngtadùng:A[i] · Thờigiansốngcủabiến: o Nếukhaibáobiếntrongthủtuc(biếncụcbộ)thìbiếnchỉcógiátrịtrongthủtucđó,khithủtục kếtthúcthìbiếnbịhuỷ. o Nếubiếnkhaibáongoàithủtụcthìnócógiátrịtừkhikhaibáođếnkhikếtthúclàmviệctrêntrang đó.  Hàm ·  Khaibáohàm function<tênhàm>(<danhsáchcácthamsố>) {  } · Vídụ: functionadd(x,y) { results=x+y; returnresults; } · Cáchgọihàm: Hàmcóthamsố: myfunction( argument1,argument2,etc ) · Khôngcóthamsố myfunction()  Vídụ: sum=add(5,5);//Kếtquảsum=10  Cáctoántử Toántửtoánhọc Toántử Môtả Vídụ Kếtquả + Cộng x=2 x+2 4  Trừ x=2 5x 3 * Nhân x=4 x*5 20 / Chia 15/5 5/2 3 2.5 % Lấyphầndưcủaphépchia 5%2 10%8 10%2 1 2 0 ++ Tăng1 x=5 x++ x=6  Giảm1 x=5 x x=4  Toántửgán Toántử Vídụ Phéptoántươngdương = x=y x=y += x+=y x=x+y = x=y x=xy *= x*=y x=x*y /= x/=y x=x/y %= x%=y x=x%y  Toántửsosánh Toántử Môtả Vídụ == Sosánhbằng 5==8trảvềfalse != Sosánhbằng 5!=8trảvềtrue > lớnhơn 5>8trảvềfalse < Nhỏhơn 5<8trảvềtrue >= Lớnhơnhaybằng 5>=8trảvềfalse <= Nhỏhơnhaybằng 5<=8trảvềtrue  Toántửluậnlý Toántử Môtả Vídụ && PhépAND. x=6 y=3 (x<10&&y>1)trảvềTRUE || PhépOR x=6 y=3 (x==5||y==5)Trảvềfalse ! PhépNOT x=6 y=3 x!=yTrảvềtrue  Toántửtrênbiếnkiểuchuỗi  Dùngphép"+"đểkếtcácchuỗilạivớinhau Vídụ: txt1="Whatavery"; txt2="niceday!";  txt3=txt1+txt2; //Kếtquảtxt3="Whataveryniceday!".  BiếntrongJavaScript Cáckiểudữliệucơbản Khaibáobiến Cáctoántử Cáchàm  Cáckiểudữliệucơbản · JavaScriptđịnhnghĩacáckiểudữliệucơbảnbaogồm:kiểusố,kiểuchuỗi,kiểuluậnlý,kiểuobject,kiểu mảng,null,undefined. · TrìnhthôngdịchJavaScriptchỉcóthểtínhtoángiátrịcủamộtbiểuthứckhikiểudữliệucủacáctoánhạng lànhưnhau.Dođó,đôilúccầnphảiépkiểuchocáctoánhạngtrongcácbiểuthứcđểtránhcáchiệuứng lề.  Khaibáobiến · Sửdụngtừkhoá varđểkhaibáobiến.JavaScriptđòihỏicácbiếnphảiđượckhaibáotrướckhisửdụng. · Vídụ varcount; varcount,amount;//khaibaonhiềubiếncùngkiểu varcount=10,amount=9;//Vừakhaibáovừakhởitạogiátrịchobiến · Nếubiếnkhôngđượckhởitạolúckhaibáo,nósẽlấygiátrịlàundefined. · Quitắcđặttênbiến: o Phảibắtđầubằngmộtkýtựhaydấugạchdưới"_". o Theosauchỉlàhoặckýtự,hoặckýtựsốhoặcdấugạchdưới. o Khôngđượctrùngvớicáctừdànhriêngvídụnhưtừkhoá · Tạodữliệukiểumảng: o Vídụsaudùngđểkhaibáomảngmộtchiềucó10phầntử: varA=newArray(10). o Phầntửbắtđầucủamảnglà0.Đểtruyxuấtđếnphầntửicủamảngtadùng:A[i] · Thờigiansốngcủabiến: o Nếukhaibáobiếntrongthủtuc(biếncụcbộ)thìbiếnchỉcógiátrịtrongthủtucđó,khithủtục kếtthúcthìbiếnbịhuỷ. o Nếubiếnkhaibáongoàithủtụcthìnócógiátrịtừkhikhaibáođếnkhikếtthúclàmviệctrêntrang đó.  Hàm ·  Khaibáohàm function<tênhàm>(<danhsáchcácthamsố>) {  } · Vídụ: functionadd(x,y) { results=x+y; returnresults; } · Cáchgọihàm: Hàmcóthamsố: myfunction( argument1,argument2,etc ) · Khôngcóthamsố myfunction()  Vídụ: sum=add(5,5);//Kếtquảsum=10  Cáctoántử Toántửtoánhọc Toántử Môtả Vídụ Kếtquả + Cộng x=2 x+2 4  Trừ x=2 5x 3 * Nhân x=4 x*5 20 / Chia 15/5 5/2 3 2.5 % Lấyphầndưcủaphépchia 5%2 10%8 10%2 1 2 0 ++ Tăng1 x=5 x++ x=6  Giảm1 x=5 x x=4  Toántửgán Toántử Vídụ Phéptoántươngdương = x=y x=y += x+=y x=x+y = x=y x=xy *= x*=y x=x*y /= x/=y x=x/y %= x%=y x=x%y  Toántửsosánh Toántử Môtả Vídụ == Sosánhbằng 5==8trảvềfalse != Sosánhbằng 5!=8trảvềtrue > lớnhơn 5>8trảvềfalse < Nhỏhơn 5<8trảvềtrue >= Lớnhơnhaybằng 5>=8trảvềfalse <= Nhỏhơnhaybằng 5<=8trảvềtrue  Toántửluậnlý Toántử Môtả Vídụ && PhépAND. x=6 y=3 (x<10&&y>1)trảvềTRUE || PhépOR x=6 y=3 (x==5||y==5)Trảvềfalse ! PhépNOT x=6 y=3 x!=yTrảvềtrue  Toántửtrênbiếnkiểuchuỗi  Dùngphép"+"đểkếtcácchuỗilạivớinhau Vídụ: txt1="Whatavery"; txt2="niceday!";  txt3=txt1+txt2; //Kếtquảtxt3="Whataveryniceday!".  CấutrúclệnhtrongJavaScript Cấutrúcđiềukiệnif then else Cấutrúcđiềukiệnselectcase Cấutrúclặp  Cấutrúc điềukiệnIF THEN ELSE · Cúpháp: If<biểuthứcđiềukiện>Then  <Lệnhi>  Else  <Lệnhi>  EndIf · Vídụ: <scripttype="text/javascript"> //Ifthetimeonyourbrowserislessthan10, //youwillgeta"Goodmorning"greeting. //Otherwiseyouwillgeta"Goodday"greeting. vard=newDate() vartime=d.getHours() if(time<10) { document.write("Goodmorning!") } else { document.write("Goodday!") } </script>  Cấutrúc điềukiệnSELECTCASE · Cúpháp: switch(expression) { caselabel1: codetobeexecutedifexpression=label1 break caselabel2: codetobeexecutedifexpression=label2 break default: codetobeexecuted ifexpressionisdifferent frombothlabel1andlabel2 } · Vídụ: <scripttype="text/javascript"> //Youwillreceiveadifferentgreetingbased //onwhatdayitis.NotethatSunday=0, //Monday=1,Tuesday=2,etc. vard=newDate() theDay=d.getDay() switch(theDay) { case5: document.write("FinallyFriday") break case6: document.write("SuperSaturday") break case0: document.write("SleepySunday") break default: document.write("I'mlookingforwardtothisweekend!") } </script> ·  Cấutrúclặp ·  LệnhlăpDo Loop o Cúpháp: Dạng1 DoWhile<Biểuthứcđiềukiện>  <Lệnhi>  Loop o Vídụ: SubChkFirstWhile() Dimcounter,myNum counter=0 myNum=20  DoWhile myNum>10 myNum=myNum1 counter =counter+1  Loop  MsgBox"TheLoopmade"&counter&"repetitions" EndSub . GiớithiệuvềJavaScript  JavaScriptlàgì? CáchđặtJavaScripttrongtrangHTML VịtríđặtJavaScripttrongtrangHTML ThựcthiJavaScriptbênngoài  JavaScriptlàgì? · Javascript làngônngữlập trình kiểuthôngdịchdànhchoweb.Khiđoạnmãjavascriptđượcchènvào tranghtmlthì trình duyệtwebsẽthôngdichvàthựchiện. · JavaScriptđượchỗtrợtốttronghầuhếtcác trình duyệt  WhatcanaJavaScriptDo? JavaScriptgivesHTMLdesignersaprogrammingtool  HTMLauthorsarenormallynotprogrammers,butJavaScriptisaverylightprogramminglanguagewitha verysimplesyntax!Almostanyonecanstartputtingsmall"snippets"ofcodeintotheirHTMLdocuments.  JavaScriptcanputdynamictextintoanHTMLpage  AJavaScriptstatementlikethis:document.write("<h1>"+name+"</h1>")canwriteavariabletextintothe displayofanHTMLpage,justlikethestaticHTMLtext:<h1>BillGates</h1>does.  JavaScriptcanreacttoevents  AJavaScriptcanbesettoexecutewhensomethinghappens,likewhenapagehasfinishedloadingorwhena userclicksonanHTMLelement.  JavaScriptcanreadandwriteHTMLelements  AJavaScriptcanreadanHTMLelementandchangethecontentofanHTMLelement.  JavaScriptcanbeusedtovalidatedata  JavaScriptscanbeusedtovalidatedatainaformbeforeitissubmittedtoaserver.Thisfunctionis particularlywellsuitedtosavetheserverfromextraprocessing. CáchđặtJavaScripttrongHTML  Dùngtag. Javascript làngônngữlập trình kiểuthôngdịchdànhchoweb.Khiđoạnmãjavascriptđượcchènvào tranghtmlthì trình duyệtwebsẽthôngdichvàthựchiện · Javascriptdonetscaptepháttriển.Cúphápcủanógầngiốngnhưc++

Định dạng
Số trang	45
Dung lượng	540,76 KB