JavaScript tham khảo toàn diện

JavaScript Mục lục Một ví dụ đơn giản 3.2 Biểu diễn từ tố JavaScript .7 3.3 Kiểu liệu 3.2.1 KIểu nguyên (Interger) 3.2.2 Kiểu dấu phẩy động (Floating Point) 3.2.3 Kiểu logic (Boolean) 10 3.2.4 Kiểu chuỗi (String) .10 Xây dựng biểu thức JavaScript .11 4.1 định nghĩa phân loạI biểu thức 11 4.2 Các toán tử (operator) 12 4.2.1 Gán .12 4.2.2 So sánh 12 4.2.3 Số học 13 4.2.4 Chuỗi 13 4.2.5 Logic .13 4.2.6 Bitwise 13 Các lệnh 15 5.1 Câu lệnh điều kiện 15 5.2 Câu lệnh lặp 16 5.2.1 Vòng lặp for 16 5.2.2 while .17 5.2.3 Break .18 5.2.4 continue .18 5.3 Các câu lệnh thao tác đối tợng 19 5.3.1 for in 19 5.3.2 new .22 5.3.3 this 23 JavaScript 5.3.4 with .24 5.4 Các hàm (Functions) 25 5.5 Các hàm có sẵn 27 5.5.1 eval .27 5.5.2 parseInt 28 5.5.3 parseFloat 29 5.6 Mảng (Array) 31 Các đối tợng JavaScript 34 6.1 Đối tợng navigator 36 6.2 Đối tợng window 38 6.2.1 Các thuộc tính 38 6.2.2 Các phơng thức 39 6.2.3 Các chơng trình xử lý kiện .40 6.3 Đối tợng location 40 6.4 Đối tợng frame .41 6.4.1 Các thuộc tính 41 6.4.2 Các phơng thức 41 6.4.3 Sử dụng Frame 42 6.5 Đối tợng document 45 6.5.1 Các thuộc tính 46 6.5.2 Các phơng thức 46 6.6 Đối tợng anchors 47 6.7 Đối tợng forms 47 6.7.1 Các thuộc tính 48 6.7.2 Các phơng thức 48 6.7.3 Các chơng trình xử lý kiện .48 6.8 Đối tợng history 48 6.8.1 Các thuộc tính 48 6.8.2 Các phơng thức 48 6.9 Đối tợng links .49 6.9.1 Các thuộc tính 49 6.9.2 Các chơng trình xử lý kiện .49 6.10 Đối tợng Math 50 JavaScript 6.10.1 Các thuộc tính 50 6.10.2 Các phơng thức .50 6.11 Đối tợng Date 51 Các phơng thức 51 6.12 Đối tợng String 52 Các phơng thức 53 Mô hình đối tợng (Object Model) 55 7.1 Đối tợng thuộc tính .55 7.2 Tạo đối tợng 56 7.2.1 Sử dụng khởi tạo đối tợng 56 7.2.2 Sử dụng hàm xây dựng(Constructor Function) 58 7.2.3 Lập mục lục cho thuộc tính đối tợng .60 7.2.4 Định nghĩa thêm thuộc tính cho kiểu đối tợng 60 7.2.5 Định nghĩa cách thức 61 7.2.6 Sử dụng cho tham chiếu đối tợng (Object References) 62 7.2.7 Xoá đối tợng 62 Bảng tổng kết từ khoá 63 Tổng kết 64 Tổng quan Với "HTML and WebPage Design" bạn biết cách tạo trang Web - nhiên mức biểu diễn thông tin cha phải trang Web động có khả đáp ứng kiện từ phía ngời dùng Hãng Netscape đa ngôn ngữ script có tên LiveScript để thực chức Sau ngôn ngữ đợc đổi tên thành JavaScript để tận dụng tính đại chúng ngôn ngữ lập trình Java Mặc dù có điểm tơng đồng Java JavaScript, nhng chúng hai ngôn ngữ riêng biệt JavaScript ngôn ngữ dới dạng script gắn với file HTML Nó không đợc biên dịch mà đợc trình duyệt diễn dịch Không giống Java phải chuyển thành mã dễ biên dịch, trình duyệt đọc JavaScript dới dạng JavaScript mã nguồn Chính bạn dễ dàng học JavaScript qua ví dụ bạn 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 chức toán học Tuy 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 đáp ứng kiện nh tải hay loại bỏ form Khả cho phép JavaScript trở thành ngôn ngữ script động Giống với HTML Java, JavaScript đợc thiết kế độc lập với hệ điều hành Nó chạy hệ điều hành có trình duyệt hỗ trợ JavaScript Ngoài JavaScript giống Java khía cạnh an ninh: JavaScript đọc viết vào file ngời dùng Mục đích phần giới thiệu ngôn ngữ lập trình JavaScript để bạn viết script vào file HTML JavaScript Sử dụng Script HTML file Script đợc đa vào file HTML cách sử dụng cặp thẻ Các thẻ xuất phần hay file HTML Nếu đặt phần , đợc tải sẵn sàng trớc phần lại văn đợc tải Thuộc tính đợc định nghĩa thời cho thẻ LANGUAGE= dùng để xác định ngôn ngữ script đợc sử dụng Có hai giá trị đợc định nghĩa "JavaScript" "VBScript" Với chơng trình viết JavaScript bạn sử dụng cú pháp sau : // INSERT ALL JavaScript HERE Chú ý Ghi không đợc đặt cặp thẻ nh ghi file HTML Cú pháp JavaScript tơng tự cú pháp C nên sử dụng // hay /* */ Điểm khác cú pháp viết ghi HTML JavaScript cho phép bạn ẩn mã JavaScript ghi file HTML để trình duyệt cũ không hỗ trợ JavaScript đọc đợc nh ví dụ sau đây: From here the JavaScript code hidden // INSERT ALL JavaScript HERE // This is where the hidden ends > Dòng cuối script cần có dấu // để trình duyệt không diễn dịch dòng dới dạng mã JavaScript Các ví dụ chơng không chứa đặc điểm ẩn JavaScript để mã dễ hiểu Một ví dụ đơn giản Ví dụ dới cho bạn ngôn ngữ lập trình JavaScript cung cấp cho bạn ý tởng Chơng trình hỏi tên ngời dùng sau hiển thị thông báo ngắn sử dụng tên đa vào Ví dụ đợc lu vào file Hello.html JavaScript JavaScript Exemple var name=window.prompt(Hello! Whats your name ?,); document.write(Hello + name + ! I hope you like JavaScript ); Hình1: Hiển thị cửa sổ nhập tên Ví dụ hiển thị dấu nhắc nhập vào tên với phơng thức window.prompt Giá trị đạt đợc đợc ghi biến có tên name Biến name đợc kết hợp với chuỗi khác đợc hiển thị cửa sổ trình duyệt nhờ phơng thức document.write Hình 2: Hiển thị lời chào ngời nhập JavaScript Bây bạn có ý tởng chức đạt đợc qua JavaScript, tiếp tục tìm hiểu thêm ngôn ngữ Biến JavaScript 3.1 Tên biến javascript Tên biến JavaScript phải bắt đầu chữ hay dấu gạch dới Các chữ số không đợc sử dụng để mở đầu tên biến nhng sử dụng sau ký tự Phạm vi biến hai kiểu sau: Biến toàn cục: Có thể đợc truy cập từ đâu ứng dụng đợc khai báo nh sau : x = 0; Biến cục bộ: Chỉ đợc truy cập phạm vi chơng trình mà khai báo Biến cục đợc khai báo hàm với từ khoá var nh sau: var x = 0; Biến toàn cục sử dụng từ khoá var, nhiên điều không thực cần thiết 3.2 Biểu diễn từ tố JavaScript Từ tố giá trị chơng trình không thay đổi Sau ví dụ từ tố: The dog ate my shoe JavaScript true Chú ý Khác với C, JavaScript kiểu số CONST để biểu diễn giá trị không đổi 3.3 Kiểu liệu Khác với C++ hay Java, JavaScript ngôn ngữ có tính định kiểu thấp Điều có nghĩa kiểu liệu khai báo biến Kiểu liệu đợc tự động chuyển thành kiểu phù hợp cần thiết Ví dụ file Variable.Html: Datatype Example var fruit='apples'; var numfruit=12; numfruit = numfruit + 20; var temp ="There are " + numfruit + " " + "."; document.write(temp); Các trình duyệt hỗ trợ JavaScript xử lý xác ví dụ đa kết dới đây: JavaScript Hình 3: Kết xử lý liệu Trình diễn dịch JavaScript xem biến numfruit có kiểu nguyên cộng với 20 có kiểu chuỗi kết hợp với biển temp Trong JavaScript, có bốn kiểu liệu sau đây: kiểu số nguyên, kiểu dấu phẩy động, kiểu logic kiểu chuỗi 3.2.1 KIểu nguyên (Interger) Số nguyên đợc biểu diễn theo ba cách: Hệ số 10 (hệ thập phân) - biểu diễn số nguyên theo số 10, ý chữ số phải khác Hệ số (hệ bát phân) - số nguyên biểu diễn dới dạng bát phân với chữ số số Hệ số 16 (hệ thập lục phân) - số nguyên biểu diễn dới dạng thập lục phân với hai chữ số 0x 3.2.2 Kiểu dấu phẩy động (Floating Point) Một literal có kiểu dấu phẩy động có thành phần sau: Phần nguyên thập phân Dấu chấm thập phân (.) JavaScript Phần d Phần mũ Để phân biệt kiểu dấu phẩy động với kiểu số nguyên, phải có chữ số theo sau dấu chấm hay E Ví dụ: 9.87 -0.85E4 9.87E14 98E-3 3.2.3 Kiểu logic (Boolean) Kiểu logic đợc sử dụng để hai điều kiện : sai Miền giá trị kiểu có hai giá trị true false 3.2.4 Kiểu chuỗi (String) Một literal kiểu chuỗi đợc biểu diễn không hay nhiều ký tự đợc đặt cặp dấu " " hay ' ' Ví dụ: The dog ran up the tree The dog barked 100 Để biểu diễn dấu nháy kép ( " ), chuỗi sử dụng ( \" ), ví dụ: document.write( \ This text inside quotes \ ); 10 JavaScript onMouseOver - Xảy chuột di chuyển qua link 6.10 Đối tợng Math Đối tợng Math đối tợng nội JavaScript Các thuộc tính đối tợng chứa nhiều số toán học, hàm toán học, lợng giác phổ biến Đối tợng Math chơng trình xử lý kiện Việc tham chiếu tới number phơng thức số hay biểu thức đợc đnáh giá số hợp lệ 6.10.1 Các thuộc tính E - Hằng số Euler, khoảng 2,718 LN2 - logarit tự nhiên 2, khoảng 0,693 LN10 - logarit tự nhiên 10, khoảng 2,302 LOG2E - logarit số e, khoảng 1,442 PI - Giá trị , khoảng 3,14159 SQRT1_2 - Căn bậc 0,5, khoảng 0,707 SQRT2 - Căn bậc 2, khoảng 1,414 6.10.2 Các phơng thức Math.abs (number) - Trả lại giá trị tuyệt đối number Math.acos (number) - Trả lại giá trị arc cosine (theo radian) number Giá trị number phải nămg -1 Math.asin (number) - Trả lại giá trị arc sine (theo radian) number Giá trị number phải nămg -1 Math.atan (number) - Trả lại giá trị arc tan (theo radian) number Math.ceil (number) - Trả lại số nguyên nhỏ lớn number Math.cos (number) - Trả lại giá trị cosine number Math.exp (number) - Trả lại giá trị e^ number, với e số Euler 50 JavaScript Math.floor (number) - Trả lại số nguyên lớn nhỏ number Math.log (number) - Trả lại logarit tự nhiên number Math.max (num1,num2) - Trả lại giá trị lớn num1 num2 Math.min (num1,num2) - Trả lại giá trị nhỏ num1 num2 Math.pos (base,exponent) - Trả lại giá trị base luỹ thừa exponent Math.random (r) - Trả lại số ngẫu nhiên Phwong thức thực đợc tảng UNIX Math.round (number) - Trả lại giá trị number làm tròn tới số nguyên gần Math.sin (number) - Trả lại sin number Math.sqrt (number) - Trả lại bậc number Math.tan (number) - Trả lại tag number 6.11 Đối tợng Date Đối tợng Date đối tợng có sẵn JavaScript Nó cung cấp nhiều phơng thức có ích để xử lý thời gian ngày tháng Đối tợng Date thuộc tính chơng trình xử lý kiện Phần lớn phơng thức date có đối tợng Date Các phơng thức giới thiệu phần sử dụng đối tợng Date dateVar, ví dụ: dateVar = new Date ('August 16, 1996 20:45:04'); Các phơng thức dateVar.getDate() - Trả lại ngày tháng (1-31) cho dateVar dateVar.getDay() - Trả lại ngày tuần (0=chủ nhật, 6=thứ bảy) cho dateVar dateVar.getHours() - Trả lại (0-23) cho dateVar dateVar.getMinutes() - Trả lại phút (0-59) cho dateVar 51 JavaScript dateVar.getSeconds() - Trả lại giây (0-59) cho dateVar dateVar.getTime() - Trả lại số lợng mili giây từ 00:00:00 ngày 1/1/1970 dateVar.getTimeZoneOffset() - Trả lại độ dịch chuyểnbằng phút địa phơng so với quốc tế GMT dateVar.getYear()-Trả lại năm cho dateVar Date.parse (dateStr) - Phân tích chuỗi dateStr trả lại số lợng mili giây tính từ 00:00:00 ngày 01/01/1970 dateVar.setDay(day) - Đặt ngày tháng day cho dateVar dateVar.setHours(hours) - Đặt hours cho dateVar dateVar.setMinutes(minutes) - Đặt phút minutes cho dateVar dateVar.setMonths(months) - Đặt tháng months cho dateVar dateVar.setSeconds(seconds) - Đặt giây seconds cho dateVar dateVar.setTime(value) - Đặt thời gian value, value biểu diễn số lợng mili giây từ 00:00:00 ngày 01/01/10970 dateVar.setYear(years) - Đặt năm years cho dateVar dateVar.toGMTString() - Trả lại chuỗi biểu diễn dateVar dới dạng GMT dateVar.toLocaleString()-Trả lại chuỗi biểu diễn dateVar theo khu vực thời gian thời Date.UTC (year, month, day [,hours] [,minutes] [,seconds]) Trả lại số lợng mili giây từ 00:00:00 01/01/1970 GMT 6.12 Đối tợng String Đối tợng String đối tợng đợc xây dựng nội JavaScript cung cấp nhiều phơng thức thao tác chuỗi Đối tợng có thuộc tính độ dài (length) chơng trình xử lý kiện 52 JavaScript Các phơng thức str.anchor (name) - Đợc sử dụng để tạo thẻ (một cách động) Tham số name thuộc tính NAME thẻ str.big() - Kết giống nh thẻ chuỗi str str.blink() - Kết giống nh thẻ chuỗi str str.bold() - Kết giống nh thẻ chuỗi str str.charAt(a) - Trả lại ký tự thứ a chuỗi str str.fixed() - Kết giống nh thẻ chuỗi str str.fontcolor() - Kết giống nh thẻ str.fontsize(size) - Kết giống nh thẻ str.index0f(srchStr [,index]) - Trả lại vị trí chuỗi str vị trí xuất chuỗi srchStr Chuỗi str đợc tìm từ trái sang phải Tham số index đợc sử dụng để xác định vị trí bắt đầu tìm kiếm chuỗi str.italics() - Kết giống nh thẻ chuỗi str str.lastIndex0f(srchStr [,index]) - Trả lại vị trí chuỗi str vị trí xuất cuối chuỗi srchStr Chuỗi str đợc tìm từ phải sang trái Tham số index đợc sử dụng để xác định vị trí bắt đầu tìm kiếm chuỗi str.link(href) - Đợc sử dụng để tạo kết nối HTML động cho chhuỗi str Tham số href URL đích liên kết str.small() - Kết giống nh thẻ chuỗi str str.strike() - Kết giống nh thẻ chuỗi str str.sub() - Tạo subscript cho chuỗi str, giống thẻ str.substring(a,b) - Trả lại chuỗi str ký tự từ vị trí thứ a tới vị trí thứ b Các ký tự đợc đếm từ trái sang phải str.sup() - Tạo superscript cho chuỗi str, giống thẻ str.toLowerCase() - Đổi chuỗi str thành chữ thờng 53 JavaScript str.toUpperCase() - Đổi chuỗi str thành chữ hoa 54 JavaScript Mô hình đối tợng (Object Model) 7.1 Đối tợng thuộc tính Một đối tợng JavaScript có thuộc tính kèm với Bạn truy nhập đến thuộc tính cách gọi : objectName.propertyName Cả tên đối tợng tên thuộc tính nhạy cảm Bạn định nghĩa thuộc tính cách gán cho giá trị Ví dụ, giả sử có đối tợng tên myCar (trong trờng hợp giả sử đối tợng tồn sẵn sàng) Bạn lấy thuộc tính có tên make, model year nh sau: myCar.make = Ford myCar.model = Mustang myCar.year = 69; Có mảng lu trữ tập hợp giá trị tham chiếu tới biến Thuộc tính mảng JavaScript có quan hệ mật thiết với nhau, thực chúng khác cách giao tiếp với cấu trúc liệu Ví dụ truy nhập tới thuộc tính đối tợng myCar mảng nh sau: 55 JavaScript myCar[make] = Ford myCar[model] = Mustang myCar[year] = 69; Kiểu mảng đợc hiểu nh mảng có khả liên kết miix phần tử liên kết đến giá trị xâu Để minh hoạ việc mày đợc thực nh nào, hàm sau hiển thị thuộc tính đối tợng thông qua tham số kiểu đối tợng tên đối tợng function show_props (obj, obj_name) { var result= for (i in obj) result=result+ obj_name + .+ i+ = + obj[i] + \n return result } Khi gọi hàm show_props(myCar,myCar) lên: myCar.make = Ford myCar.model = Mustang myCar.year = 69; instance interpret evaluate 7.2 Tạo đối tợng Cả JavaScript client-side server-side có số đối tợng đợc định nghĩa trớc Tuy nhiên, bạn tạo đối tợng riêng bạn Trong JavaScript 1.2, bạn muốn tạo đối tợng kiểu đối tợng, bạn tạo cách sử dụng khởi tạo đối tợng Hoặc bạn muốn tạo nhiều cá thể kiểu đối tợng, bạn tạo hàm xây dựng trớc, sau tạo đối tợng có kiểu hàm toán tử new 7.2.1 Sử dụng khởi tạo đối tợng Trong phiên trớc Navigator, bạn tạo đối tợng cách sử dụng hàm xây dựng chúng sử dụng hàm đợc cung cấp vài đối tợng khác để đạt đợc mục đích 56 JavaScript Tuy nhiên, Navigator 4.0, bạn tạo đối tợng cách sử dụng khởi tạo đối tợng.Bạn sử dụng cách bạn muốn tạo cá thể đơn lẻ nhiều cá thể đối tợng Cú pháp để tạo đối tợng cách khởi tạo đối tợng (Object Initializers): objectName={property1: value1, property2: value2, , propertyN: valueN} Trong objectName tên đối tợng mới, propertyI xác minh (có thể tên, số xâu ký tự) valueI biểu thức mà giá trị đợc gán cho propertyI Có thể lựa chọn khởi tạo tên đối tợng khai báo Nếu nh bạn không cần dùng đến đối tợng chỗ, bạn không cần phải gán cho biến Nếu đối tợng đợc tạo cách khởi tạo đối tợng mức cao nhất, lần đối tợng xuất biểu thức, JavaScript đánh giá lại lần Ngoài ra, sử dụng việc khởi tạo hàm lần gọi hàm, đối tợng đợc khởi tạo lần Giả sử bạn có câu lệnh sau: if (condition) x={hi: there.} Trong trờng hợp này, JavaScript tạo đối tợng gắn vào biến x biểu thức condition đợc đánh giá Còn ví dụ sau tạo đối tợng myHonda với thuộc tính: myHonda={color: red,wheels:4, engine:{cylinder:4,size:2.2}} Chú ý thuộc tính engine đối tợng với thuộc tính Trong Navigator 4.0, bạn sử dụng khởi tạo để tạo mảng Cú pháp để tạo mảng cách khác với tạo đối tợng: arrayName=[element0, element1, ,elementN] Trong đó, arrayName tên mảng mới, elementI giá trị phần tử vị trí mảng Khi bạn tạo mảng cách sử dụng phơng pháp khởi tạo, coi giá trị phần tử mảng, chiều dài mảng số tham số 57 JavaScript Bạn không cần phải định rõ tất phần tử mảng Nếu bạn đặt hai dấu phẩy vào hàng, mảng đợc tạo với chốn trống cho phần tử cha đợc định nghĩa nh ví dụ dới đây: Nếu mảng đợc tạo cách khởi tạo(initializer) mức cao nhất, lần mảng xuất biểu thức, JavaScript đánh giá lại lần Ngoài ra, sử dụng việc khởi tạo hàm lần gọi hàm, mảng đợc khởi tạo lần Ví dụ1: Tạo mảng coffees với phần tử độ dài mảng 3: coffees = [French Roast,Columbian,Kona] Ví dụ 2: Tạo mảng với phần tử đợc khởi đầu phần tử rỗng: fish = [Lion, , Surgeon] Với biểu thức này, fish[0] Lion, fish[2] Surgeon, fish[2] cha đợc định nghĩa 7.2.2 Sử dụng hàm xây dựng(Constructor Function) Bạn tạo đối tợng riêng với hai bớc sau: Định nghĩa kiểu đối tợng cách viết hàm xây dựng Tạo cá thể đối tợng toán tử new Để định nghĩa kiểu đối tợng, ta phải tạo hàm để định rõ tên, thuộc tính cách thức kiểu đối tợng Ví dụ giả sử bạn muốn tạo kiểu đối tợng ô tô với tên car, có thuộc tính make, model, year color, để thực việc viết hàm nh sau: function car(make, model, year ){ this.make = make this.model = model this.year = year } Chú ý việc sử dụng toán tử this để gán giá trị cho thuộc tính đối tợng phải thông qua tham số hàm Ví dụ, bạn tạo đối tợng kiểu car nh sau: mycar = new car(Eagle,Talon TSi,1993) Câu lệnh tạo đối tợng mycar liên kết giá trị đợc đa vào với thuộc tính Khi giá trị mycar.make Eagle, giá trị 58 JavaScript mycar.model Talon TSi, mycar.year số nguyên 1993 Cứ nh bạn tạo nhiều đối tợng kiểu car Một đối tợng có thuộc tính mà thân đối tợng Ví dụ bạn định nghĩa thêm đối tợng khác person nh sau: function person(name, age, sex){ this.name=name this.age=age this.sex=sex } Và sau ta tạo hai ngời mới: rank = new person(Rank McKinnon,33,M) ken = new person(Ken John,39,M) Bây bạn định nghĩa lại hàm xây dựng car nh sau: function car(make, model, year,owner ){ this.make = make this.model = model this.year = year this.owner = owner } Nh bạn tạo đối tợng kiểu car mới: car1 = new car(Eagle,Talon TSi,1993,rank) car2 = new car(Nissan,300ZX,1992,ken) Nh vậy, thay phải qua xâu ký tự hay giá trị số taoh đối tợng, ta cần đa hai đối tợng đợc tạo câu lệnh vào dòng tham số đối tợng tạo Ta lấy đợc thuộc tính đối tợng owner câu lênh sau: car2.owner.name Chú ý bạn tạo thuộc tính cho đối tợng trớc định nghĩa nó, ví dụ: car1.color=black 59 JavaScript Nh vậy, thuộc tính color đối tợng car1 đợc gán black Tuy nhiên, không gây tác động tới đối tợng kiểu car khác Nếu muốn thêm thuộc tính cho tất đối tợng phải định nghĩa lại hàm xây dựng đối tợng 7.2.3 Lập mục lục cho thuộc tính đối tợng Trong Navigator 2.0, bạn gọi thuộc tính đối tợng tên thuộc tính số thứ tự Tuy nhiên từ Navigator 3.0 trở đi, ban đầu bạn định nghĩa thuộc tính tên nó, bạn luôn phải gọi tên, bạn định nghĩa thuộc tính số bạn luôn phải gọi tới số Điều ứng dụng bạn tạo đối tợng với thuộc tính chúng hàm xây dựng (nh ví dụ kiểu đối tợng car phần trớc) bạn định nghĩa thuộc tính riêng đối tợng (nh mycar.color=red) Vì bạn định nghĩa thuộc tính đối tợng t đầu số nh mycar[5]=25 mpg, bạn lần lợt gọi tới thuộc tính khác nh mycar[5] Tuy nhiên điều đối tợng tơng ứng HTML nh mảng form Bạn gọi tới đối tợng mảng số thứ tự tên chúng Ví dụ thẻ thứ hai document có thuộc tính NAME myform bạn gọi tới form document.form[1] document.form[myForm] document.myForm 7.2.4 Định nghĩa thêm thuộc tính cho kiểu đối tợng Bạn thêm thuộc tính cho kiểu đối tợng đợc định nghĩa trớc cách sử dụng thuộc tính property Thuộc tính đợc định nghĩa tác dụng đối tợng mà có tác dụng tất đối tợng khác kiểu.Ví dụ sau thực thêm thuộc tính color cho tất đối tợng kiểu car, sau gắn giá trị màu cho thuộc tính color đối tợng car1: car.prototype.color=null car1.color=red 60 JavaScript 7.2.5 Định nghĩa cách thức Một cách thức hàm đợc liên kết với đối tợng Bạn định nghĩa cách thức có nghĩa bạn định nghĩa hàm chuẩn Bạn sử dụng cú pháp sau để gắn hàm cho đối tợng tồn tại: object.methodname = function_name Trong object đối tợng tồn tại, methodname tên cách thức function_name tên hàm Bạn gọi cách thức từ đối tợng nh sau: object.methodname() Bạn định nghĩa cách thức cho kiểu đối tợng cách đa cách thức vào hàm xây dựng đối tợng Ví dụ bạn định nghĩa hàm định dạng hiển thị thuộc tính đối tợng kiểu car xây dựng phần trớc: function displayCar () { var result = Abeautiful+this.year+ + this.make + + this.model document.write(result) } Chú ý sử dụng this để gọi tới đối tợng sở hữu cách thức Bạn thêm cách thức vào cho đối tợng car cách thêm dòng lệnh sau vào hàm định nghĩa đối tợng this.displayCar= displayCar; Nh định nghĩa lại đối tợng car nh sau: function car(make, model, year,owner ){ this.make = make this.model = model this.year = year this.owner = owner this.displayCar= displayCar } Sau đó, bạn gọi cách thức displayCar đối tợng: car1.displayCar() 61 JavaScript car2.displayCar() 7.2.6 Sử dụng cho tham chiếu đối tợng (Object References) JavaScript có từ khoá đặc biệt this mà bạn sử dụng với cách thức để gọi tới đối tợng thời Ví dụ, giả sử bạn có hàm validate dùng để xác nhận giá trị thuộc tính đối tợng nằm khoảng đó: function validate(obj, lowval, hival){ if ( (obj.valuehival) ) alert(Invalid value!) } Sau bạn gọi hàm validate từ thẻ kiện onChange: Khi liên kết với thuộc tính form, từ khoá this gọi tới form cha đối tợng thời Trong ví dụ sau, myForm có chứa đối tợng Text nút bấm Khi ngời sử dụng kích vào nút bấm, trờng text hiển thị tên form Thẻ kiện onClick nút bấm sử dụng this.form để gọi tới form cha myForm Form name: 7.2.7 Xoá đối tợng Trong JavaScript cho Navigator 2.0, bạn xoá đối tợngchúng tồn bạn rời khỏi trang Trong JavaScript cho Navigator 3.0 cho phép bạn xoá đối tợng cách đặt cho trỏ tới giá trị Null (nếu nh lần cuối gọi tới đối tợng) JavaScript đóng đối tợng thông qua biểu thức gán 62 JavaScript Bảng tổng kết từ khoá Sau từ đựoc định nghĩa phần ngôn ngữ JavaScript không đợc sử dụng tên biến: abstract boolean break byte eval extends false final int interface long native static super switch synchrini zed case catch char class finally float for function new null package parseFlo this throw throws transient goto if impleme parseInt private protected true try var import in public return void while at const continue default nts double 63 JavaScript else instance short with of Tổng kết Chơng 26 giới thiêu sơ qua JavaScript, đợc xem sách tham khảo hữu ích để phát triển ứng dụng bạn Bạn tham khảo toàn diện JavaScript Teach Yourself JavaScript in 14 Days Bởi JavaScript ngôn ngữ thay đổi nhanh chóng, bạn nên đến với trang Web hãng Netscape (http://www.netscape.com) để có thông tin ngôn ngữ 64 [...]... Hình 27.6 minh hoạ kết quả của ví dụ này 33 JavaScript 6 Các đối tợng trong JavaScript Nh đã nói JavaScript là ngôn ngữ lập trình dựa trên đối tợng, nhng không hớng đối tợng bởi vì nó không hỗ trợ các lớp cũng nh tính thừa kế Phần này nói về các đối tợng trong JavaScript và hình 27.7 chỉ ra sơ đồ phân cấp các đối tợng Trong sơ đồ phân cấp các đối tợng của JavaScript, các đối tợng con thực sự là các... phải có, song các hàm có thể có một hay nhiều tham số truyền vào và một giá trị trả về Bởi vì JavaScript là ngôn ngữ có tính định kiểu thấp nên không cần định nghĩa kiểu tham số và giá trị trả về của hàm Hàm có thể là thuộc tính của một đối tợng, trong trờng hợp này nó đợc xem nh là phơng thức của đối tợng đó Lệnh function đợc sử dụng để tạo ra hàm trong JavaScript Cú pháp function fnName([param1],[param2],... kỳ biểu thức hay lệnh hợp lệ trong Java) 27 JavaScript Ví dụ: Eval Example var string=10+ Math.sqrt(64); document.write(string+ =+ eval(string)); Hình 9: Ví dụ hàm Eval 5.5.2 parseInt Hàm này chuyển một chuỗi số thành số nguyên với cơ số là tham số thứ hai (tham số này không bắt buộc) Hàm này thờng... tính Kết quả đợc minh hoạ trên hình 5 For in Example document.write("The properties of the Window object are: "); for (var x in window) document.write(" "+ x + ", "); 19 JavaScript 20 JavaScript 21 JavaScript Hình 5: Kết quả của lệnh for in 5.3.2 new Biến new đợc thực hiện để tạo ra một thể hiện... Kiểu bitwise rút gọn x > y x >>> = y x&=y x^=y x|=y JavaScript 5 Các lệnh Có thể chia các lệnh của JavaScript thành ba nhóm sau: Lệnh điều kiện Lệnh lặp Lệnh tháo tác trên đối tợng 5.1 Câu lệnh điều kiện Câu lệnh điều kiện cho phép chơng trình ra quyết định và thực hiện công việc nào đấy dựa trên kết quả của quyết định Trong JavaScript, câu lệnh điều kiện là if else if else Câu lệnh này.. .JavaScript 4 Xây dựng các biểu thức trong JavaScript 4.1 định nghĩa và phân loạI biểu thức Tập hợp các literal, biến và các toán tử nhằm đánh giá một giá trị nào đó đợc gọi là một biểu thức (expression) Về cơ bản có ba kiểu biểu thức trong JavaScript: Số học: Nhằm để lợng giá giá trị số Ví dụ (3+4)+(84.5/3) đợc đánh giá... eventHandler = "JavaScript Code or Function"> Ví dụ sau gọi hàm CheckAge() mỗi khi giá trị của trờng văn bản thay đổi: Đoạn mã của chơng trình xử lý sự kiện không là một hàm; nó là các lệnh của JavaScript cách nhau bằng dấu chấm phẩy Tuy nhiên cho mục đích viết thành các module nên viết dới dạng các hàm Một số chơng trình xử lý sự kiện trong JavaScript: ... With Example with (document){ write(This is an exemple of the things that can be done ); write(With the with statment ); write(This can really save some typing); } 24 JavaScript Hình 7: Kết quả của lệnh with Hình 7: Kết quả của ví dụ lệnh with 5.4 Các hàm (Functions) JavaScript cũg cho phép sử dụng các hàm... Sau đó ba thể hiện của đối tợng person đợc tạo ra bằng lệnh new New Example function person(first_name, last_name, age, sex){ this.first_name=first_name; this.last_name=last_name; this.age=age; this.sex=sex; } 22 JavaScript person1= new person("Thuy", "Dau Bich", "23", "Female"); person2= new person("Chung", "Nguyen Bao", "24", "Male");... lại giá trị đúng nếu toán hạng bên trái nhỏ hơn toán hạng bên phải ... mã dễ biên dịch, trình duyệt đọc JavaScript dới dạng JavaScript mã nguồn Chính bạn dễ dàng học JavaScript qua ví dụ bạn thấy cách sử dụng JavaScript trang Web JavaScript ngôn ngữ dựa đối tợng,... Hiển thị lời chào ngời nhập JavaScript Bây bạn có ý tởng chức đạt đợc qua JavaScript, tiếp tục tìm hiểu thêm ngôn ngữ Biến JavaScript 3.1 Tên biến javascript Tên biến JavaScript phải bắt đầu chữ... dụng Có hai giá trị đợc định nghĩa "JavaScript" "VBScript" Với chơng trình viết JavaScript bạn sử dụng cú pháp sau : // INSERT ALL JavaScript HERE Chú ý Ghi