Bài giảng về ngôn ngữ lập trình Web JavaScript | Tailieuhay ngon ngu javascript

Bài giảng về ngôn ngữ lập trình Web JavaScript | Tailieuhay ngon ngu javascript tài liệu, giáo án, bài giảng , luận văn,...

Trang 1

NGÔN NGỮ JAVASCRIPT

Giảng viên: Hoàng Văn Hiệp

Viện CNTT – ĐH Bách Khoa Hà Nội

Trang 2

JAVASCRIPT LÀ GÌ?

client

Trang 5

// >

</script>

</body>

</html>

Trang 10

BIẾN TRONG JAVASCRIPT

đổi khi kịch bản được thực hiện

 Phải bắt đầu bằng một chữ cái hoặc ký tự gạch dưới _

 Ví dụ: x, y, z, length, _height, _width

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

 Biến X khác với biến x

Trang 11

KHAI BÁO BIẾN

 Ví dụ

var st;

var length;

var tên_biến = giá_trị_khởi_tạo;

Trang 12

GÁN GIÁ TRỊ CHO BIẾN

 Kiểu của biến đƣợc xác định dựa vào giá trị gán

=> có thể thay đổi đƣợc kiểu

Trang 17

TOÁN TỬ LOGIC

Toán tử Ý nghĩa Ví dụ (x = 5, y = 7) Kết quả

&& và (x > 5) && (y <= 7) false

Trang 18

TOÁN TỬ ĐIỀU KIỆN

Trang 19

BIỂU THỨC LỰA CHỌN IF…ELSE…

}

Trang 20

VÍ DỤ

<html>

<body>

var d = new Date();

var time = d.getHours();

Trang 21

BIỂU THỨC LỰA CHỌN SWITCH

Trang 22

var date = new Date();

var day = date.getDay();

Trang 23

CÁC HỘP THOẠI THÔNG BÁO

 Cú pháp alert(“thông_báo”);

 Ví dụ:

alert(“Hello world!”);

Trang 24

else document.write(“You pressed Cancel”);

Trang 25

Trang 27

</script>

</body>

</html>

Trang 28

TRUYỀN THAM SỐ CHO HÀM

Trang 29

</script>

</body>

</html>

Trang 30

GIÁ TRỊ TRẢ VỀ CỦA HÀM

function tên_hàm(danh_sách_tham_số) {

// nội dung hàm return giá_trị_trả_về;

}

giá_trị = tên_hàm(danh_sách_tham_số);

Trang 31

document.write(t);

</script>

</body>

</html>

Trang 32

BIẾN TOÀN CỤC BIẾN ĐỊA PHƯƠNG

 Định nghĩa bên ngoài hàm

 Tồn tại từ khi được định nghĩa đến khi trang web đóng lại

 Có thể truy nhập từ mọi nơi

 Định nghĩa bên trong hàm

 Tồn tại từ khi được định nghĩa đến khi kết thúc hàm

 Chỉ truy nhập được ở bên trong hàm

Trang 33

VÕNG LẶP FOR

for (biến=giá_trị_bắt_đầu;

biến<giá_trị_kết_thúc;thay_đổi_giá_trị_biến) {

// các lệnh cần lặp

}

Trang 34

for (i = 0; i < 10; i++)

{

document.write(i + "<br>"); }

</script>

</body>

</html>

Trang 36

while (i < 10)

{

document.write(i + "<br>"); i++;

}

</script>

</body>

</html>

Trang 37

while (điều_kiện);

Trang 38

do

{

document.write(i + "<br>"); i++;

Trang 43

CÁC SỰ KIỆN TRONG JAVASCRIPT

kiện nào đó

JavaScript

Trang 46

SỰ KIỆN MỞ ĐÓNG TRANG WEB

Trang 49

onMouseMove="mouseMove();" onMouseOver="mouseOver();" onMouseOut="mouseOut();">

</body>

</html>

Trang 50

SỰ KIỆN CHUỘT

Trang 52

CÁC ĐỐI TƯỢNG TRONG JAVASCIPT

tượng

phương thức

 Ví dụ: một chuỗi có độ dài khác nhau

trên đối tượng

 Ví dụ: đổi các ký tự trong chuỗi thành chữ hoa

Trang 53

THUỘC TÍNH VÀ PHƯƠNG THỨC

Trang 56

 trả về vị trí chuỗi searchString nếu tìm thấy, trả về

null nếu không tìm thấy

 trích ra chuỗi ký tự có độ dài length bắt đầu tự vị trí

start

Trang 57

ĐỐI TƯỢNG DATE

 var myDate = new Date();

 sau khi khởi tạo, đối tượng lưu trữ thời gian hiện tại

Trang 62

 Gán giá trị lúc khởi tạo

var myArray = new Array(“value1”, “value2”, “value3”);

Trang 63

TRUY NHẬP ĐỐI TƢỢNG MẢNG

Trang 65

ĐỐI TƢỢNG MATH

Trang 68

ĐỐI TƢỢNG WINDOWS

Trang 71

<a onClick="close_win()">Dong cua so</a>

</body>

</html>

Trang 72

ĐỐI TƯỢNG SCREEN

cao màn hình

rộng và chiều cao màn hình (không bao gồm

thanh taskbar)

Trang 74

ĐỐI TƯỢNG HISTORY

bởi trình duyệt

trong history

 history.go() nạp lại một địa chỉ cụ thể

 history.back() nạp lại địa chỉ trước địa chỉ hiện tại

 history.forward() nạp lại địa chỉ sau địa chỉ hiện tại

Trang 75

var num = prompt("Di

chuyen den trang:");

document.write("History Length: " + history.length + "<br>");

</script>

<a onClick="history.back()"> Trang truoc</a><br>

<a onClick="history.forward()

"> Trang sau</a><br>

<a onClick="myFunc()">Di chuyen den trang xac dinh</a>

</body>

</html>

Trang 76

ĐỐI TƢỢNG DOCUMENT

HTML

Trang 80

CÁC ĐỐI TƢỢNG DOCUMENT

Trang 84

BÀI TẬP

Định dạng
Số trang	84
Dung lượng	2,78 MB