Nội dung

HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO a - Tek 1 1 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Mục tiêu • • • • a - Tek Các đối tượng trong JavaScript Sử dụng các đối tượng Các sự kiện trên trang HTML Kết hợp ngôn ngữ JavaScript, các đối tượng và các sự kiện trên web để xử lý các yêu cầu 2 2 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Nội dung 1. Các đối tượng cơ bản 2. Các đối tượng trong JavaScript 3. Các sự kiện trên trang HTML a - Tek 3 3 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Các đối tượng cơ bản • • •  String  Date  Math a - Tek 4 4 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 4: Các đối tượng trong Javascript Các đối tượng cơ bản    a - Tek JavaScript là ngôn ngữ lập trình dựa trên đối tượng (Object-based language) Các đối tượng trong JavaScript (Math, String, …) giúp người lập trình xử lý cắt chuỗi, sử dụng các hàm toán học, … JavaScript sẽ dựa vào giá trị của biến để xác định biến đó thuộc đối tượng nào 5 5 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 4: Các đối tượng trong Javascript Các đối tượng cơ bản • String  Xử lý chuỗi văn bản var = new String; hoặc var = new String(“chuỗi khởi tạo”); Ví dụ: var chuoi = new String(“Lập trình web cơ bản”);  Thuộc tính: • a - Tek length : trả về tổng số ký tự của chuỗi 6 6 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 4: Các đối tượng trong Javascript Các đối tượng cơ bản • String  Phương thức: Vị trí của ký tự đầu tiên trong chuỗi luôn bắt đầu bằng chỉ số 0 Ví dụ: tìm chữ “Tâm” trong chuỗi “Chữ tâm kia mới bằng ba chữ tài” • search(): tìm một “chuỗi” và trả về chỉ số tìm được. var chuoi = new String("Chữ tâm kia mới bằng ba chữ tài"); Nếu không tìm thấy, trả về -1 n = chuoi.search(/Tâm/i) : là một biểu thức có qui tắc, chứa /chuỗi tìm/ và alert(n); phép 4 tìm theo chữ HOA/thường option /i ; cho  a - Tek 7 7 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 4: Các đối tượng trong Javascript Các đối tượng cơ bản • String  Phương thức: • replace(,”chuỗi tìm và thay2 thế. Ví dụ: thay thế toàn bộ chữ “Mẹ” thế”): thành “Má” trong câu đầu của bài  : chứa /chuỗi tìm/ , option /i ; cho phép tìm theo chữ hát “Mẹ dấu yêu” HOA/thường, và option /g ; cho phép thay thế toàn bộ var chuoi =new String("Mẹ là làn gió mát, đưa con giấc ngủ ngoan; Mẹ là dòng suối trong, cho con luôn tìm về"); str = chuoi.replace(/mẹ/gi,"Má") a - Tek 8 8 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Các đối tượng cơ bản • • •  String  Date  Math a - Tek 9 9 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO Bài 4: Các đối tượng trong Javascript Các đối tượng cơ bản • Date  Dùng để xử lý dữ liệu kiểu thời gian var = new Date(); hoặc • a - Tek var = new Date(năm, tháng, ngày); được tính từ 0 ; tháng 1 10 10