BÀI BÁO Cáo-THUYẾT TRÌNH JAVASCRIPT

THUYTHUYӂӂT TRÌNH T TRÌNH JAVASCRIPTJAVASCRIPT Các Thành Viên CCác Thành Viên Cͯͯa Nhóma Nhóm NguyNguyӉӉn Công Danhn Công Danh Đinh Vũ TrĐinh Vũ Trưӡưӡng Giangng Giang Lý Hoàng ChLý Hoàng Chươươngng Hoàng Minh HHoàng Minh Hҧҧii JavaScript là gì JavaScript là gì  JavaScript đJavaScript đưӧưӧc thic thiӃӃt kt kӃӃ đđӇӇ thêm tthêm tươương tác cho các ng tác cho các trang HTML.trang HTML.  MMӝӝt ngôn ngt ngôn ngӳӳ llұұp trình kp trình kӏӏch bch bҧҧn là 1 ngôn ngn là 1 ngôn ngӳӳ llұұp p trình nhtrình nhҽҽ  JavaScript thJavaScript thưӡưӡng đng đưӧưӧc nhúng trc nhúng trӵӵc tic tiӃӃp vào trong các p vào trong các trang HTML.trang HTML.  JavaScript là 1 ngôn ngJavaScript là 1 ngôn ngӳӳ thông dthông dӏӏch(interpreted ch(interpreted language)language) có nghĩa là các script thcó nghĩa là các script thӵӵc thi mà không có c thi mà không có ssӵӵ biên dbiên dӏӏch sch sơơ bbӝӝ. . JavaScript có thJavaScript có thӇӇ làm gì làm gì JavaScript cung cJavaScript cung cҩҩp cho các nhà thip cho các nhà thiӃӃt kt kӃӃ HTML 1 công cHTML 1 công cөө llұұp trình p trình các tác gicác tác giҧҧ viviӃӃ t HTML tht HTML thưӡưӡng không phng không phҧҧi là các i là các llұұp trình viên, nhp trình viên, nhưưng JavaScript là 1 ngôn ngng JavaScript là 1 ngôn ngӳӳ kkӏӏch bch bҧҧn vn vӟӟi i ccҩҩu trúc ru trúc rҩҩt đt đơơn gin giҧҧ n! Hn! Hҫҫu nhu nhưư bbҩҩt ct cӭӭ ai cũng có thai cũng có thӇӇ đđһһt 1 t 1 đođoҥҥn code nhn code nhӓӓ vào trong trang HTML cvào trong trang HTML cӫӫa ha hӑӑ JavaScript có thJavaScript có thӇӇ đđһһt các đot các đoҥҥn text đn text đӝӝng vào trong 1 trang ng vào trong 1 trang HTML HTML MMӝӝ t cht chӍӍ ththӏӏ JavaScript nhJavaScript nhưư sau: sau: document.write("&lth1&gt" + name + "&lt/h1&gt") có thdocument.write("&lth1&gt" + name + "&lt/h1&gt") có thӇӇ viviӃӃt 1 bit 1 biӃӃn text vào 1 trang HTML.n text vào 1 trang HTML. JavaScript có thJavaScript có thӇӇ phphҧҧn n ӭӭng vng vӟӟi các xi các xӵӵ kikiӋӋn n JavaScript có thJavaScript có thӇӇ thithiӃӃt lt lұұp thp thӵӵc thi khi có 1 vic thi khi có 1 viӋӋc gì đó xc gì đó xҧҧy ra, nhy ra, nhưư khi 1 trang đã khi 1 trang đã đđưӧưӧc load xong hoc load xong hoһһc khi ngc khi ngưӡưӡi dùng click vào 1 phi dùng click vào 1 phҫҫn tn tӱӱ HTML.HTML. JavaScript có thJavaScript có thӇӇ đđӑӑc và vic và viӃӃt các pht các phҫҫn tn tӱӱ HTML(HTML elements) HTML(HTML elements) JavaScript có thJavaScript có thӇӇ đđӑӑc và c và thay đthay đәәi ni nӝӝi dung ci dung cӫӫa 1 pha 1 phҫҫn tn tӱӱ HTML.HTML. JavaScript có thJavaScript có thӇӇ đđưӧưӧc sc sӱӱ ddөөng đng đӇӇ ràng buràng buӝӝc dc dӳӳ liliӋӋu(validate data) u(validate data) JavaScript có thJavaScript có thӇӇ đđưӧưӧc sc sӱӱ ddөөng đng đӇӇ ràng buràng buӝӝc dc dӳӳ liliӋӋu cu cӫӫa form tra form trưӟưӟc khi nó đc khi nó đưӧưӧc gc gӱӱi đi đӃӃn n server.server. JavaScript có thJavaScript có thӇӇ ssӱӱ ddөөng đng đӇӇ nhnhұұn bin biӃӃt trình duyt trình duyӋӋt ct cӫӫa a ngngưӡưӡi truy ci truy cұұp p JavaScript có thJavaScript có thӇӇ đđưӧưӧc sc sӱӱ ddөөng đng đӇӇ nhnhұұn bin biӃӃt trình duyt trình duyӋӋt ct cӫӫa nga ngưӡưӡi truy ci truy cұұp, và p, và tùy tùy thuthuӝӝc vào trình duyc vào trình duyӋӋt t ttҧҧi mi mӝӝt trang khác đt trang khác đưӧưӧc thic thiӃӃt t kkӃӃ đđһһc bic biӋӋt cho trình duyt cho trình duyӋӋt.t. JavaScript có thJavaScript có thӇӇ đđưӧưӧc sc sӱӱ ddөөng đng đӇӇ ttҥҥo các cookie o các cookie MMӝӝt t mã JavaScript có thmã JavaScript có thӇӇ đđưӧưӧc sc sӱӱ ddөөng đng đӇӇ llưưu tru trӳӳ và lvà lҥҥi i thông tin trên máy tính cthông tin trên máy tính cӫӫa nga ngưӡưӡi truy ci truy cұұp p ĐĐӕӕi ti tưӧưӧngng KiKiӇӇu cu cӫӫ a JavaScript đa JavaScript đưӧưӧc chia ra làm hai loc chia ra làm hai loҥҥi: i: kikiӇӇu cu cơơ bbҧҧnn và và đđӕӕi i ttưӧưӧngng. Đ. Đӕӕi ti tưӧưӧng trong JavaScript là mng trong JavaScript là mӝӝt tht thӵӵc thc thӇӇ có tên xác có tên xác đđӏӏnh và có nh và có thuthuӝӝc tínhc tính trtrӓӓ đđӃӃn giá trn giá trӏӏ, hàm ho, hàm hoһһc cũng có thc cũng có thӇӇ là là mmӝӝt đt đӕӕi ti tưӧưӧng khác. Có nghĩa là, đng khác. Có nghĩa là, đӕӕi ti tưӧưӧng trong JavaScript là ng trong JavaScript là mmӝӝt t mmҧҧng kng kӃӃt ht hӧӧpp ((associative arrayassociative array) t) tươương tng tӵӵ nhnhưư mmҧҧng trong ng trong PHPPHP hay hay ttӯӯ điđiӇӇnn trong trong PythonPython JavaScript có mJavaScript có mӝӝ t st sӕӕ đđӕӕi ti tưӧưӧng đng đӏӏnh nghĩa snh nghĩa sҹҹn, bao gn, bao gӗӗm mm mҧҧng ng (Array), đ(Array), đӕӕi ti tưӧưӧng ng đđҥҥi si sӕӕ BoolBool (Boolean), đ(Boolean), đӕӕ i ti tưӧưӧng ng ngày ngày thángtháng (Date), đ(Date), đӕӕi ti tưӧưӧng hàm (Function), đng hàm (Function), đӕӕi ti tưӧưӧng ng toán htoán hӑӑ cc (Math), đ(Math), đӕӕi ti tưӧưӧng ng ssӕӕ (Number), đ(Number), đӕӕi ti tưӧưӧng đng đӕӕi ti tưӧưӧng (Object), ng (Object), đđӕӕi ti tưӧưӧng ng bibiӇӇu thu thӭӭc tìm kic tìm kiӃӃmm (RegExp) và đ(RegExp) và đӕӕi ti tưӧưӧng chung chuӛӛi ký i ký ttӵӵ (String). Các đ(String). Các đӕӕi ti tưӧưӧng khác là đng khác là đӕӕi ti tưӧưӧng thung thuӝӝc phc phҫҫn mn mӅӅm m chchӫӫ (ph(phҫҫn mn mӅӅm áp dm áp dөөng JavaScript ng JavaScript ththưӡưӡng là trình duyng là trình duyӋӋt).t). Ví dVí dөө:: <script language="JavaScript"><script language="JavaScript"> function samplePrototype() {function samplePrototype() { this.attribute1 = "someValue"; // thêm mthis.attribute1 = "someValue"; // thêm mӝӝt thut thuӝӝc tính cho đc tính cho đӕӕi ti tưӧưӧngng this.attribute2 = 234; // thêm thuthis.attribute2 = 234; // thêm thuӝӝc tính nc tính nӳӳa cho đa cho đӕӕi ti tưӧưӧ ngng this.function1 = testFunction; // thêm mthis.function1 = testFunction; // thêm mӝӝt hàm vào đt hàm vào đӕӕi ti tư ӧưӧngng }} function testFunction() {function testFunction() { alert(this.attribute2); //hialert(this.attribute2); //hiӇӇ n thn thӏӏ 234234 }} var sampleObject = new samplePrototype; // khvar sampleObject = new samplePrototype; // khӣӣi ti tҥҥo mo mӝӝt đt đӕӕi ti tưӧưӧngng sampleObject.function1(); // gsampleObject.function1(); // gӑӑi hàm function1 ci hàm function1 cӫӫa đa đӕӕi ti tưӧưӧng sampleObjectng sampleObject sampleObject.attribute3 = 123; // thêm msampleObject.attribute3 = 123; // thêm mӝӝt thut thuӝӝc tính nc tính nӳӳ a cho đa cho đӕӕi ti tưӧưӧng ng sampleObjectsampleObject delete sampleObject.attribute1; // xóa bdelete sampleObject.attribute1; // xóa bӓӓ 1 thu1 thuӝӝc tínhc tính delete sampleObject; // xóa bdelete sampleObject; // xóa bӓӓ đđӕӕi ti tưӧưӧ ngng </script></script> HàmHàm Hàm là mHàm là mӝӝt kht khӕӕi các câu li các câu lӋӋnh vnh vӟӟi mi mӝӝt danh sách mt danh sách mӝӝt hot hoһһc nhic nhiӅӅu u đđӕӕ i si sӕӕ (có th(có thӇӇ không có đkhông có đӕӕi si sӕӕ) và th) và thưӡưӡng có tên (mng có tên (mһһc dù trong JavaScript c dù trong JavaScript hàm không nhhàm không nhҩҩt thit thiӃӃt pht phҧҧi có tên). Hàm có thi có tên). Hàm có thӇӇ trtrҧҧ llҥҥi mi mӝӝt giá trt giá trӏӏ. Cú . Cú pháp cpháp cӫӫa hàm nha hàm nhưư sau:sau: <script language="JavaScript"><script language="JavaScript"> function tên_hàm(đfunction tên_hàm(đӕӕi_si_sӕӕ_1, đ_1, đӕӕi_si_sӕӕ_2)_2) {{ các câu lcác câu lӋӋnh cnh cҫҫn thn thӵӵ c hic hiӋӋn mn mӛӛi khi hàm đi khi hàm đưӧưӧc gc gӑӑi;i; return giá_trreturn giá_trӏӏ_c_cҫҫn_trn_trҧҧ_v_vӅӅ;; }} tên_hàm(1, 2); // Gtên_hàm(1, 2); // Gӑӑi hàm tên_hàm vi hàm tên_hàm vӟӟi hai đi hai đӕӕi si sӕӕ 1 và 2 1 và 2 ӭӭng vng vӟӟi i đđӕӕi_si_sӕӕ_1 và đ_1 và đӕӕi_si_sӕӕ_2_2 tên_hàm(1); // Gtên_hàm(1); // Gӑӑi hàm tên_hàm vi hàm tên_hàm vӟӟi đi đӕӕi_si_sӕӕ_1 có giá tr_1 có giá trӏӏ 1, đ1, đӕӕi_si_sӕӕ_2 có _2 có giá trgiá trӏӏ undefinedundefined </script></script>  Trong JavaScript, khi gTrong JavaScript, khi gӑӑi hàm không nhi hàm không nhҩҩt thit thiӃӃt pht phҧҧi gi gӑӑi i hàm vhàm vӟӟi cùng si cùng sӕӕ đđӕӕi si sӕӕ nhnhưư khi đkhi đӏӏnh nghĩa hàm, nnh nghĩa hàm, nӃӃu su sӕӕ đđӕӕi i ssӕӕ ít hít hơơn khi đn khi đӏӏnh nghĩa hàm, nhnh nghĩa hàm, nhӳӳng đng đӕӕi si sӕӕ không đkhông đưӧưӧc c chuychuyӇӇn cho hàm sn cho hàm sӁӁ mang giá trmang giá trӏӏ undefined.undefined.  Các kiCác kiӇӇu cu cơơ bbҧҧn sn sӁӁ đđưӧưӧc chuyc chuyӇӇn vào hàm n vào hàm theo giá trtheo giá trӏӏ, đ, đӕӕi i ttưӧưӧng sng sӁӁ đđưӧưӧc chuyc chuyӇӇn vào hàm n vào hàm theo tham chitheo tham chiӃӃuu  Hàm là Hàm là đđӕӕi ti tưӧưӧng hng hҥҥng nhng nhҩҩtt trong JavaScript. Ttrong JavaScript. Tҩҩt ct cҧҧ các các hàm là đhàm là đӕӕi ti tưӧưӧng cng cӫӫ a nguyên ma nguyên mүүu Function. Hàm có thu Function. Hàm có thӇӇ đđưӧưӧc tc tҥҥ o và dùng trong phép toán gán nho và dùng trong phép toán gán nhưư bbҩҩt kȤ mt kȤ mӝӝt đt đӕӕ i i ttưӧưӧng nào khác, và cũng có thng nào khác, và cũng có thӇӇ đđưӧưӧc dùng làm đc dùng làm đӕӕi si sӕӕ cho cho các hàm khác. Do đó, JavaScript hcác hàm khác. Do đó, JavaScript hӛӛ trtrӧӧ hàm chàm cҩҩp đp đӝӝ caocao  GG͕͕i Hàm:i Hàm: Ban đBan đҫҫu khi bu khi bҥҥn không gn không gӑӑi hàm thì hàm si hàm thì hàm sӁӁ không hokhông hoҥҥt t đđӝӝng, có nghĩa là tng, có nghĩa là tҩҩt ct cҧҧ nhnhӳӳng gì bên trong nó sng gì bên trong nó sӁӁ không đkhông đưӧưӧc c ththӵӵc hic hiӋӋn khi Javascript load. Vì thn khi Javascript load. Vì thӃӃ ta cta cҫҫn có thao tác gn có thao tác gӑӑi nó lên i nó lên đđӇӇ nhnhӳӳng hành đng hành đӝӝng trong nó đng trong nó đưӧưӧc thc thӵӵ c hic hiӋӋn.Rn.Rҩҩt đt đơơn gin giҧҧn bn bҥҥn n chchӍӍ ccҫҫn ghi ln ghi lҥҥi tên hàm mà thôii tên hàm mà thôi  VD1:VD1:<body><script language="javascript" <body><script language="javascript" type="text/javascript"> function goiham(){document.write type="text/javascript"> function goiham(){document.write ("Chào m("Chào mӑӑi ngi ngư ӡưӡi");document.writeln("<br>Chào mi");document.writeln("<br>Chào mӑӑi ngi ngưӡưӡi");} i");} goiham()</script></body>goiham()</script></body> CÁC HÀM CÓ SCÁC HÀM CÓ SҸҸNN  evaleval  parseIntparseInt  parseFloatparseFloat  EVALEVAL [...]...           perseInt Exemple document.write("Converting 0xC hex to base-10: " + baseparseInt(0xC,10) + ""); document.write("Converting 1100 binary to base-10: " + baseparseInt(1100,2) + ""); Mҧng JavaScript không hӛ trӧ cҩu trúc dӳ liӋu mҧng hӛ trӧ dӳ liӋ mҧ như nhưng Netscape tҥo... mҧ như function InitArray(NumElements){ this.length = numElements; for (var x=1; x . HTML.trang HTML.  MMӝӝt ngôn ngt ngôn ngӳӳ llұұp trình kp trình kӏӏch bch bҧҧn là 1 ngôn ngn là 1 ngôn ngӳӳ llұұp p trình nhtrình nhҽҽ  JavaScript thJavaScript thưӡưӡng đng đưӧưӧc nhúng trc nhúng. bbӝӝ. . JavaScript có thJavaScript có thӇӇ làm gì làm gì JavaScript cung cJavaScript cung cҩҩp cho các nhà thip cho các nhà thiӃӃt kt kӃӃ HTML 1 công cHTML 1 công cөө llұұp trình p trình các. n server.server. JavaScript có thJavaScript có thӇӇ ssӱӱ ddөөng đng đӇӇ nhnhұұn bin biӃӃt trình duyt trình duyӋӋt ct cӫӫa a ngngưӡưӡi truy ci truy cұұp p JavaScript có thJavaScript có thӇӇ