3. Tìm hiểu về Javascrip
3.9. Các đối tượng CO' bản của javascript
Javascript được thiết kế trên mô hình nen tảng đối tượng đơn gián, một đối tượng là một gói dữ liệu toàn diện, các thuộc tính (là các biến hoặc các đối tượng khác cảu javascript) dung đế ddingj nghĩa đối tượng và các phương thức(là các hàm kết hợp với đối tượng) tác động đen dữ liệu đều nam trong đối tượng.
Đế truy cập đến các thuộc tính của đối tượng, ta cần phải chi ra tên đối tượng và thuộc tính của nó:
objectName.propertyName - objcctName: tên đối tượng - propertyName: tên thuộc tính
Định nghĩa một thuộc tính bàng cách ta gán cho nó một giá trị.
Để truy cập đen các phương thức cùa một đối tượng, chúng ta phải chỉ ra tên đối tượng và phương thức yêu cầu: objectName.method()
Khi tạo ra một trang Web, chúng ta có the chèn:
o Các đối tượng cùa trình duyệt
o Các đối tượng xây dựng sẵn cúa ngôn ngừ kịch bán được sử dụng o Các phần tử HTML
GVHD: THS. QUÁCH THỊ HẠNH SVTH: NGUYÊN THỊ LOAN
Hình 1: cây phân cấp đồi tượng
Khi tài liệu HTML được hiền thị trong trinh duyệt, một cây phân cấp đối tượng được tạo ra dựa trên các phan tử trong trang. Các đối tượng trinh duyệt chẳng hạn như vãn bán (document), cứa sổ (window), khung (frame), vị trí (location),... nằm trên cùng cùa cây phân cấp đối tượng. Sau đó là các đối tượng xây dựng sần của JavaScript. Các phan tử HTML nằm ở sau cùng và chính là các thè HTML tạo nên văn bàn hiện hành.
Một số đối tượng được xây dựng sẵn trong Javascript:
• Math
• String
• Date
3.9.1. Đối tượng Math
Đối tượng Math là một đối tượng được xây dựng sẵn có các phương thức và các thuộc tính cho các hàm và các hàng số toán học.
Math là một đối tượng JavaScript cấp cao. Chúng ta có thế tự động truy xuất nó mà không cần sử dụng một hàm dựng hay gọi một phương thức nào.
4- Các thuộc tính
Thuộc tính Mô tả
E Hang sooa Eler và cơ số cùa cacs Logarithm tự nhiên , xâp xi 2,718 LN2 Logarithm tự nhiên 2
LN10 Logarithm tự nhiên 10 LOG2E Logarithm cơ số 2 cùa E
LOHIOE Logarithm cơ số 10 của E
PI Xấp xi 3,14
SQRT12 Căn bậc 2 cùa /2
SQRT2 Căn bạc 2 của 2, xấp xì 1,414
Bủng 9: Các thuộc tính của đối tượng math 4- Các phương thức
Phương
thức Mô tả
abs Trà về giá trị tuyệt đối cùa một số acos Trả về arccos (theo radian) càu một số asin Trá về arcsin(theo radian) cảu một số atan Trả về arctang (theo radian) cảu một số
atan2 Trá về arctang cùa thương số của các đối số cùa nó ceil Trả về số nguyên nhở nhất lớn hơn hoặc bàng một số cos Trà về cos cùa một số
exp Trà về lũy thừa của số e với một số mũ nào đó.
floor Trá về số nguyên lớn nhất nhỏ hơn hoặc bằng 1 số log Trả về số logarithm tự nhiên (cơ số E)
max Trá về số lớn hơn trong hai số min Trá về số nhở hơn trong 2 sổ
random Trà về một số giã ngẫu nhiên giữa 0 và 1
round Trà về giá trị của một số được làm tròn đến số nguycn gàn nhất sin Trả về sin cùa một số
sqrt Trá về căn bậc 2 của một số tan Trả về tan của một số
Bảng 10: Các phương thức của dối tượng math
GVHD: THS. QUÁCH THỊ HẠNH SVTH: NGUYÊN THỊ LOAN
3.9.2. Đối tưọng string
Đối tượng String được dùng đế thao tác và làm việc với chuồi văn bân. Có thế tách nó thành các chuỗi con và biến đối chuỗi đó thành các chuồi chữ hoa hoặc chữ thường trong một chương trình.
Cú pháp: stringName.propertyName 4- Các thuộc tính
Đối tượng String có một thuộc tính duy nhất là thuộc tính length. Thuộc tính này cho biết số ký tự trong một chuồi.
Thuộc tính length của một đối tượng String (hay một chuỗi) sẽ được tự động cập nhật (thay đồi giá trị) khi chuồi thay đổi, và người dùng không được quyền thiết đặt giá trị này.
5- Các phương thức
Đối tượng String có hai kiểu phương thức:
• Kiểu trả về sự biến đồi trên bàn thân một chuồi như phương thức substringO và toUppcrCascO hay toLowcrCasc().
• Kiểu trả về một chuồi có dạng HTML như phương thức bold() và link().
Phương thức
mô tả big Tăng kích thước của một chuỗi văn bàn blink Tạo hiệu ứng nhấp nháy cho chuồi
bold In đậm
concat Nối 2 chuồi và trả về chuỗi mới fontcolor Xác định màu của font chữ italics In nghiêng
link Tạo siêu liên kết HTML
small Giảm kích thước cùa một chuỗi văn bản strike Hiến thị chuỗi có đường gạch ngang ờ giữa sub Hiển thị vãn bán dưới dạng chi số dưới Substring,
substr
Trà về chuồi con cụ thể cùa một chuồi bàng cách chi ra chr số đầu và chỉ số cuối, hoặc chì ra số đầu và độ dài chuỗi so con.
sup Hiền thị vãn bàn dưới dạng chì số trên toLowerCas
e Chuyên chuỗi thành kí tụ thường toUpperCas
e
Chuyển chuồi thành kí tự hoa
Báng 11: Các phương thức của đối tượng String
3.9.3. Đối tượng Date
JavaScript không có kiều dữ liệu ngày tháng. Tuy nhiên, chúng ta có thế sử dụng đối tượng Date và các phương thức của nó để làm việc với ngày tháng, thời gian trong các ứng dụng. Đối tượng Date có nhiều phương thức cho việc thiết lập, nhận và thao tác ngày tháng. Nó không có bất kỳ thuộc tính nào.
Cú pháp: dateObjectName = new Date ((parameters!)
• datcObjcctNamc: là tên cùa đối tượng Date sẽ được tạo ra, nó có thề là đối tượng mới hoặc thuộc tính của một đối tượng sẵn có.
• Các parameters trong cú pháp sần có có thể là:
• Không có đối số: tạo ra ngày tháng và thời gian của một ngày.
• í dụ: today = new Date 0
• Một chuồi mô tã ngày tháng có dạng như sau: “Tháng ngày, năm giờ:phút:giây”. Neu bỏ qua giờ, phút và giây, thi giá trị sẽ được thiết lập là 0.
• Một tập hợp các giá trị số nguyên cho năm, tháng, ngày.
các nhóm phương thức của đối tượng Date Nhóm phương
thức
Mô tà
Set Gồm những phương thức được dùng đế thiết lập các giá trị thời gian
Get Gồm những phương thức được dùng đế lấy các giá trị thời gian To Gồm những phương thức được dùng để trà về các chuỗi giá trị
từ các đối tượng Date
Parse và UTC Gồm những phương thức được dùng để phân tích các chuồi Báng 12: Các nhóm phương thức của đối tượng Date
GVHD: THS. QUÁCH THỊ HẠNH SVTH: NGUYÊN THỊ LOAN