Javascript
TỔNG QUAN

ThS Nguyễn Minh Vi
BM Tin học – ĐH An Giang


Giới thiệu


Dynamic HTML
DHTML = HTML + CSS + Ngôn ngữ script



Ngôn ngữ script: là ngôn ngữ dạng thông
dịch, giúp tăng tính tương tác giữa trang
web với người dùng
 Javascript
 VBscript
…


Javascript


Là ngôn ngữ kịch bản dùng để tạo các
script ở cả server-side và client-side



</script>



Click</a>


Ví dụ
<script language="Javascript">
document.write('Sử dụng hộp thoại trong Javascript');
alert('Chào mừng bạn đến với Javascript!');
confirm('Bạn đã sẵn sàng chưa?');
</script>


Quy tắc ngữ pháp


Phân biệt chữ hoa và chữ thường



Mỗi câu lệnh kết thúc bởi ;



Numbers
 Boolean
 Strings
 Null
 Object (cấp phát bằng từ khóa new)


Lưu ý: một biến có thể thuộc bất kỳ kiểu dữ
liệu nào tùy ý


Hằng số
Số nguyên: có thể biểu diễn bằng hệ thập
phân, nhị phân, thập lục phân
 Số thực: có thể có dấu thập phân hoặc e
hay E theo sau số nguyên (lũy thừa cơ số
10), số nguyên có thể dương hoặc âm
 Boolean: True hoặc False
 Null: null (giữ chỗ cho biến)
 Chuỗi: đặt trong cặp nháy đơn ‘ ’ hoặc
nháy kép “ ”



Ký tự đặc biệt trong chuỗi
\b
 \f
 \n
 \r
 \t

typeof(value)


Biểu thức
Biểu thức là sự kết hợp các biến, hằng số
thông qua các toán tử
 Các dạng biểu thức


 số học: trả về trị số
 logic: trả về trị boolean
 chuỗi: trả về trị chuỗi


Biểu thức quy tắc
Là mẫu để tìm chuỗi ký tự cùng dạng
trong một chuỗi
 Mẫu đơn giản:


 tìm chính xác theo các ký tự trong mẫu
 VD: /abc/


Mẫu gồm các ký tự đơn giản và đặc biệt
 VD: /ab*c/


Biểu thức quy tắc


Biểu thức quy tắc


Các phương thức:









test
search
exec
match
replace
split

kiểm tra mẫu trả về trị true / false
kiểm tra mẫu trả về chỉ số / -1
tìm mẫu và trả về mảng thông tin
tìm mẫu và trả về mảng thông tin / null
tìm và thay chuỗi con
tách chuỗi thành mảng chuỗi con

Cách gọi phương thức:
tên_đối_tượng.tên_phương_thức(tham_số)


while
do … while
for … in

Các từ khóa
 break
 continue
 with


Ví dụ


VD:
<script language="Javascript">
arrMau = new Array('xanh','vàng','đỏ');
for (var i in arrMau)
document.write('
arrMau['
+ i + ']=' + arrMau[i]);
</script>


Hàm


Hàm định nghĩa sẵn
 eval(string)
 isNaN(value)




Đối tượng (Object)


Một đối tượng là một gói dữ liệu toàn diện,
bao gồm:
 các thuộc tính (biến)
 các phương thức (hàm)

Truy cập vào thuộc tính
tên_đối_tượng.tên_thuộc_tính
 Truy cập vào phương thức
tên_đối_tượng.tên_phương_thức()



Phân cấp đối tượng


Phân cấp đối tượng trong một trang web
Các đối tượng trình duyệt

Các đối tượng kịch bản

Các phần tử HTML

Document
History
Location
…