[r]
(1)Giáo trình JavaScript
(2)Giáo trình JavaScript ***
CH− NG L IƠ Ờ NÓI Đ UẦ 4
CH− NG 2Ơ NH P MÔNẬ JAVASCRIPT 5
2.1.Nhúng JavaScript vào file HTML
2.3 Th <NOSẻ cript> </NOSCRIPT>
2.3 Hi n th m t dòng textể ị ộ
2.4 Giao ti pế v i g− i sờ d ngụ
2.5 Đi m l i l nhể ệ m r ngở ộ 12
CH− NG 3Ơ BI N TRONG Ế JAVASCRIPT 13
3.1 Bi n phânế lo Iạ bi nế 13
3.2 Bi u di n t tể ễ ố JavaScript 13
3.3 Ki u dể ữ li uệ 13
1.1.1 KI u nguyênể (Interger) 14
1.1.2 Ki u d u ph y đ ng (Floating Point)ể ấ ẩ ộ 14
1.1.3 Ki u logicể (Boolean) 15
1.1.4 Ki u ể chu i (ỗ String) 15
2. XÂY D NGỰ CÁC BI U TH CỂ Ứ TRONG JAVASCRIPT 16
Đ NH NGHĨAỊ VÀ PHÂN LO I BI U TH CẠ Ể Ứ 16
CÁC TOÁN T (OPỬ ERATOR) 16
2.1.1 Gán 16
2.1.2 So sánh 16
2.1.3 S hố ọc 17
2.1.4 Chu iỗ 17
2.1.5 Logic 17
2.1.6 Bitwise 18
BÀI T PẬ 19
2.1.7 Câu hỏi 19
2.1.8 Tr l iả 19
3. CÁC L NHỆ 20
CÂU LỆNH ĐI UỀ KI N Ệ 20
CÂU LỆNH L PẶ 21
3.1.1 Vòng l p forặ 21
3.1.2 while 22
3.1.3 Break 22
(3)CÁC CÂU LỆNH THAO TÁC TRÊN Đ IỐ T− NGỢ 23
3.1.5 for in 23
3.1.6 new 25
3.1.7 this 26
3.1.8 with 27
CÁC HÀM (FUNCTIONS) 28
CÁC HÀM CÓ S NẴ 30
3.1.9 eval 30
3.1.10 parseInt 31
3.1.11 parseFloat 32
M NG (Ả ARRAY) 33
SỰ KI NỆ 35
BÀI T PẬ 38
3.1.12 Câu hỏi 38
3.1.13 Tr l iả 40
4. CÁC Đ I TỐ − NG TRONG JAỢ VASCRIPT 43
Đ I TỐ − NG NAVIGỢ ATOR 45
Đ I TỐ − NGỢ WINDOW 46
4.1.1 Các thu c tínộ h 46
4.1.2 Các ph− ng th 47
4.1.3 Các ch− ng trình x lý sơ ự ki n ệ 48 Đ I TỐ − NG LOCỢ ATION 48
Đ I TỐ − NGỢ FRAME 49
4.1.4 Các thu c tínộ h 49
4.1.5 Các ph− ng th 49
4.1.6 S d ng Frameử ụ 49
Đ I TỐ − NG DOCUỢ MENT 51
4.1.7 Các thu c tínộ h 52
4.1.8 Các ph− ng th 52
Đ I TỐ − NG ANCỢ HORS 52
Đ I TỐ − NG FORỢ MS 53
4.1.9 Các thu c tínộ h 53
4.1.10 Các ph− ng th 53
4.1.11 Các ch− ng trình x lý sơ ự ki n ệ 53 Đ I TỐ − NG HISTORYỢ 54
4.1.12 Các thu c tínộ h 54
4.1.13 Các ph− ng th 54
(4)4.1.14 Các thu c tínộ h 54
4.1.15 Các ch− ng trình x lý sơ ự ki n ệ 55 Đ I TỐ − NGỢ MATH 55
4.1.16 Các thu c tínộ h 55
4.1.17 Các ph− ng th 55
Đ I TỐ − NGỢ DATE 56
4.1.18 Các ph− ng th 56
Đ I TỐ − NG STRINỢ G 57
4.1.19 Các ph− ng th 57
CÁC PHẦN T ỬC A Đ I TỦ Ố − NGỢ FORM 58
4.1.20 Thu c tính typeộ 59
4.1.21 Ph n t buttonầ 59
4.1.22 Ph n t checkboxầ 60
4.1.23 Ph n t File Uploadầ 62
4.1.24 Ph n t hiddenầ 62
4.1.25 Ph n t Pầ assword 62
4.1.26 Ph n t radầ io 63
4.1.27 Ph n t rầ eset 65
4.1.28 Ph n t selectầ 65
5. MƠ HÌNH ĐỐI T− NG (OBJECTỢ MODEL) 75
Đ I TỐ − NG VÀ THUỢ ỘC TÍNH 75
T O CÁCẠ Đ I TỐ − NGỢ M IỚ 76
5.1.1 S d ng kh iử ụ t o đ i tạ ố − nợ g 76
5.1.2 S d ng m tử ụ ộ hàm xây d ng(Coự nstructor Function) 77
5.1.3 L p mậ ục l cụ cho thuộc tính đ iố t− ngợ 78
5.1.4 Đ nh ị nghĩa thêm thuộc tính cho m tộ ki u ể đ i tố − nợ g 79
5.1.5 Đ nh nghĩaị cách th 79
5.1.6 S d ng choử ụ tham chi u đ i tế ố − ng (Objeợ ct References) 80
5.1.7 Xoá đ i tố − ngợ 80
6. B NG T NG K T CÁCẢ Ổ Ế TỪ KHOÁ 81
(5)CH− NGƠ L IỜ NÓI ĐẦU
V iớ HTML and Microsoft FrontPage b nạ bi tế cách t oạ trang Web - nhiên ch m iỉ ớ ở m cứ bi uể di nễ thông tin chứ ch−a ph iả trang Web đ ngộ có khả đáp ng ứ s ự ki n ệ t ừ phía ng−ời dùng Hãng Netscape đ−a ngơn ngữ
script có tên LiveScript để th cự hi nệ ch cứ Sau ngơn ngữ đ−ợc đ iổ
tên thành JavaScript
để t nậ d ngụ tính đ iạ chúng c aủ ngơn ngữ l pậ trình Java M cặ dù có nh ngữ mể
t−ơng
đ ng gi a Java JavaScript, nồ ữ h−ng chúng v n hai ngôn ng riêng bi t.ẫ ữ ệ
JavaScript ngôn ngữ d−ới d ngạ script có thể g nắ v iớ file HTML Nó khơng đ−ợc biên d chị mà đ−ợc trình tệ di nễ d ch.ị Không gi ngố Java ph iả chuy nể thành các mã d biên ễ d ch, ị trình t ệ đ c ọ JavaScript d−ới d ng ạ mã ngu n ồ Chính v y ậ b n ạ có th ể d dàngễ h cọ JavaScript qua ví d ụ b iở b nạ có thể th yấ cách sử
d ngụ JavaScript trang Web.
JavaScript ngôn ngữ d aự đ iố t−ợng, có nghĩa bao gồm nhi uề ki uể đ iố t−ợng, ví dụ
đ iố t−ợng Math v iớ t tấ cả ch cứ toán h c.ọ Tuy v yậ JavaScript không ngôn ngữ
h−ớng đ i ố t−ợng nh− C++ hay Java khơng h tr l p hay tính th a k ỗ ợ ớ ừ ế
JavaScript có th đáp ng s ki n nể ứ ự ệ h− t i hay lo i b form Kh choả ạ ỏ ả
phép
JavaScript tr thành m t ngôn ng script đ ng.ở ộ ữ ộ
Gi ngố v iớ HTML Java, JavaScript đ−ợc thi tế kế đ cộ lập v iớ hệ uề hành Nó có th ch yể ạ b tấ kỳ hệ uề hành có trình tệ hỗ trợ JavaScript Ngoài JavaScript gi ng Java khía c nh an ninh: JavaScriptố ở ạ không th đ c ể ọ vi t vào file c aế ủ
ng−ời dùng.
Các trình t ệ web nh− Nescape Navigator 2.0 tr ở có th ể hi n ể th ị nh ng ữ câu l nhệ
JavaScript đ−ợc nhúng vào trang HTML Khi trình tệ yêu c uầ m tộ trang, server sẽ g iử
đ yầ đủ n iộ dung c aủ trang đó, bao g mồ cả HTML câu l nhệ JavaScript qua m ngạ
t i clieớ nt Client sẽ đ cọ trang từ đ uầ đ nế cu i,ố hi nể thị k tế quả c aủ HTML xử lý câu l nh JavaScript chúng xu t hi n.ệ ấ ệ
Các câu lệnh JavaScript đ−ợc nhúng m tộ trang HTML có thể trả l iờ cho sự ki nệ
c aủ ng−ời sử d ngụ nh− kích chu t,ộ nh pậ vào m tộ form uề h−ớng trang Ví dụ b nạ có thể ki mể tra giá trị thông tin mà ng−ời sử d ngụ đ−a vào mà không c nầ đ nế b tấ cứ
m t quáộ trình truy nề m ngạ Trang HTML v iớ JavaScript đ−ợc nhúng sẽ ki mể
tra giá tr đị −ợc đ−a vào s thông báo v i ngẽ ớ −ờ ụi s d ng giá tr đị −a vào không h p l ợ ệ
M cụ đích c aủ ph nầ gi iớ thi uệ về ngôn ngữ l pậ trình JavaScript để b nạ có thể
(6)5.1.6 Sử d ngụ cho các tham chi uế đ iố t−ợng (Object References)
JavaScript có m tộ từ khoá đ cặ bi tệ this mà b nạ có thể sử d ngụ v iớ
m t cáchộ th cứ để g iọ t iớ đ iố t−ợng hi nệ th i.ờ Ví d ,ụ giả sử b nạ có m tộ hàm validate dùng đ xác nh n giá tr thu c tính c a m t đ i ể ậ ị ộ ủ ộ ố t−ợng n m m t kho ng đó:ằ ộ ả function validate(obj, lowval, hival){
if ( (obj.value<lowdate)||(obj.value>hival) ) alert(“Invalid value!”)
}
Sau b n có th g i hàm ạ ể ọ validate t m i th ừ ỗ ẻs ki n ự ệ onChange:
<INPUT TYPE=”TEXT” NAME=”AGE” SIZE=3
onChange=”validate(this,18,99)” >
Khi liên k t v i m t thuế ớ ộ ộc tính form, t khố ừ this có th g i tể ọ ới form cha c a đ iủ ố
t−ợng hi n th i Trong ví d sau,ệ ờ ụ myForm có ch a đ i tứ ố −ợng Text và m t nút b m Khiộ ấ
ng−ờ ụi s d ng kích vào nút b m, tấ r−ờng text s hi n th tên form Th s ki n onClickẽ ể ị ẻ ự ệ
c a nút b m s d ngủ ấ ử ụ this.form đ g i t i form cể ọ ớ ha myForm.
<FORM NAME=”myForm”>
Form name:<INPUT TYPE=”text” NAME=”text1” VALUE=”Beluga”>
<P>
<INPUT TYPE=”button” NAME=”button1” value=”Show Form Name”
onClick=”this.form.text1.value=this.form.name”> </FORM>
5.1.7 Xoá đ i tố −ợng
Trong JavaScript cho Navigator 2.0, b nạ khơng thể xố đ iố t−ợng-chúng v n t nẫ ồ t iạ b nạ r iờ kh iỏ trang Trong JavaScript cho Navigator 3.0 cho phép b nạ có thể xoá m tộ đ iố t−ợng b ngằ cách đ tặ cho trỏ t iớ giá trị Null (n uế nh− là
(7)6 BẢNG TỔNG KẾT CÁC TỪ KHOÁ
Sau từ đ ocự đ nhị nghĩa một ph nầ ngôn ngữ JavaScript không đ−ợc s d ng tên bi n:ử ụ ế
abstract eval int static
boolean extends interface super
break false long switch
byte final native synchrinized
case finally new this
catch float null throw
char for package throws
class function parseFloat transient
const goto parseInt true
continue if private try
default implements protected var
do import public void
double in return while
(8)Khoa Toan tin, Đại học Quốc gia Hà Nội h ttp://www.eboo k e d u
7 TỔNG KẾT
Nh− v y,ậ tài li uệ không nh ngữ gi iớ thiêu sơ qua về JavaScript, mà cịn sách tham kh o h t s c h u ích đ phát tri n ng d ng c a b n.ả ế ứ ữ ể ể ứ ụ ủ ạ
B nạ có thể tham kh oả tồn di nệ JavaScript quy nể Teach Yourself JavaScript in 14 Days, ho c ặ JavaScript Guide
Do JavaScript ngơn ngữ cịn m iớ có sự thay đ iổ nhanh chóng, b nạ nên đ nế v iớ
h ttp://www.eboo http://www.netscape.com