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
 EVALEVAL
Cú pháp:Cú pháp:
returnval=eval (breturnval=eval (bҩҩt kȤ bit kȤ biӇӇu thu thӭӭc hay lc hay lӋӋnh hnh hӧӧp lp lӋӋ trong trong
Java)Java)
 PARSEINTPARSEINT
Cú phápCú pháp
parseInt (string, [, radix])parseInt (string, [, radix])
 PARSEFLOATPARSEFLOAT
Cú phápCú pháp
parseFloat (string)parseFloat (string)
Ví dVí dөө
 <HTML><HTML>
 <HEAD><HEAD>
 <TITLE> perseInt Exemple </TITLE><TITLE> perseInt Exemple </TITLE>
 <SCRIPT LANGUAGE= "JavaScript"><SCRIPT LANGUAGE= "JavaScript">
 document.write("Converting 0xC hex to basedocument.write("Converting 0xC hex to base 10: " + 10: " +
parseInt(0xC,10) + "<BR>");parseInt(0xC,10) + "<BR>");
 document.write("Converting 1100 binary to basedocument.write("Converting 1100 binary to base 10: " + 10: " +
parseInt(1100,2) + "<BR>");parseInt(1100,2) + "<BR>");
 </SCRIPT></SCRIPT>
 </HEAD></HEAD>
 <BODY><BODY>
 </BODY></BODY>
 </HTML></HTML>
MMҧҧngng
JavaScript không hJavaScript không hӛӛ trtrӧӧ ccҩҩu trúc du trúc dӳӳ liliӋӋu mu mҧҧng ng
nhnhưưng Netscape tng Netscape tҥҥo ra Pho ra Phươương thng thӭӭc cho phép c cho phép
bbҥҥn tn tӵӵ ttҥҥo ra các hàm kho ra các hàm khӣӣi ti tҥҥo mo mҧҧng nhng nhưư sau:sau:

function InitArray(NumElements){function InitArray(NumElements){
this.length = numElements;this.length = numElements;
for (var x=1; x<=numElements; x++){for (var x=1; x<=numElements; x++){
this[x]=0this[x]=0
}}
return this;return this;
Ví dVí dөө
<HTML> <HEAD><HTML> <HEAD>
<TITLE> Array Exemple </TITLE><TITLE> Array Exemple </TITLE>
<SCRIPT LANGUAGE= "JavaScript"><SCRIPT LANGUAGE= "JavaScript">
function InitArray(numElements) {function InitArray(numElements) {
this.length = numElements;this.length = numElements;
for (var x=1; x<=numElements; x++){for (var x=1; x<=numElements; x++){
this[x]=0this[x]=0
}}
return this;return this;
}}
myArray = new InitArray(10);myArray = new InitArray(10);
myArray[1] = "NghmyArray[1] = "NghӋӋ An";An";
myArray[2] = "Hà NmyArray[2] = "Hà Nӝӝi";i";
document.write(myArray[1] + "<BR>");document.write(myArray[1] + "<BR>");
document.write(myArray[2] + "<BR>");document.write(myArray[2] + "<BR>");
</SCRIPT></SCRIPT>
</HEAD></HEAD>
<BODY> </BODY><BODY> </BODY>
</HTML></HTML>