1 CuuDuongThanCong.com https://fb.com/tailieudientucntt Nội dung  Xử lý kiện JavaScript  Mơ hình HTML DOM  Ví dụ minh hoạ  Biểu thức quy tắc (Regular expression) CuuDuongThanCong.com https://fb.com/tailieudientucntt Xử lý kiện JS  Sự kiện JS  Hành động phát JS  Mỗi trang web có kiện kiện chặn để xử lý theo ý đồ người lập trình!  VD:  Sự kiện onclick để bắt hành động kích chuột vào button hay thành phần  Để định nghĩa hành động thực kiện diễn dùng đoạn mã JS hay gọi hàm để xử lý cho hành động CuuDuongThanCong.com https://fb.com/tailieudientucntt Xử lý kiện JS  Cú pháp  VD: để kiểm tra có thay đổi giá trị nhập liệu, ta dùng kiện onchange() khai báo tới hàm xử lý Hàm xử lý kiện onchange CuuDuongThanCong.com https://fb.com/tailieudientucntt Xử lý kiện JS  Các kiện JS CuuDuongThanCong.com https://fb.com/tailieudientucntt Xử lý kiện JS  Các kiện JS CuuDuongThanCong.com https://fb.com/tailieudientucntt Xử lý kiện JS  Các kiện thường dùng số đối tượng CuuDuongThanCong.com https://fb.com/tailieudientucntt Xử lý kiện JS  Sự kiện số đối tượng thông dụng CuuDuongThanCong.com https://fb.com/tailieudientucntt Xử lý kiện JS  Chỉ cho phép nhận ký tự textbox CuuDuongThanCong.com https://fb.com/tailieudientucntt HTML Document Object Model (DOM)  HTML DOM: mơ hình đối tượng tài liệu HTML  Định nghĩa chuẩn để truy cập thao tác tài liệu HTML  DOM biểu diễn tài liệu HTML cấu trúc (node tree), với phần tử, thuộc tính văn 10 CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình đối tượng  Thêm thuộc tính động (dynamic property) cho đối tượng  Lưu ý: thuộc tính động tồn đối tượng gán động, đối tượng khác khơng có thuộc tính 30 CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình đối tượng  Để tạo lớp có thuộc tính tồn tất thể (instance) lớp  dùng từ khóa this khai báo thuộc tính bên khai báo lớp Các đối tượng có thuộc tính myData myString 31 CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình đối tượng  Khai báo phương thức cho lớp 32 CuuDuongThanCong.com https://fb.com/tailieudientucntt Mô hình đối tượng  Tính đóng gói (encapsulation) Tất thuộc tính phương thức gói gọn khai báo MyClass 33 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression  Biểu thức quy tắc chuỗi mô tả chuỗi khác, theo quy tắc cú pháp định  Biểu thức quy tắc thường dùng trình biên tập văn bản, tiện ích tìm kiếm xử lý văn dựa mẫu quy định  Nhiều ngơn ngữ lập trình hỗ trợ biểu thức quy tắc việc xử lý chuỗi (Perl, PHP, Java, C#, JavaScript) 34 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression  Tạo đối tượng Regular Expression  Cách 1: /pattern/flags  Ví dụ: var objRegex = /ab+c/I  Cách sử dụng regular expression giữ nguyên không thay đổi từ lúc tạo lúc sử dụng  Cách 2: sử dụng hàm tạo RegExp Object  Cú pháp: new RegExp("pattern"[,"flags"])  Ví dụ: var objRegex = new RegExp("ab+c",“i")  Cách sử dụng regular expression bị thay đổi hay khơng biết xác tạo hay lấy từ nguồn liệu khác 35 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression  Giá trị Flags 36 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression  Các phương thức sử dụng regexp 37 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression  Cú pháp pattern 38 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression 39 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression 40 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression 41 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression 42 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression  VD: hàm bỏ khoảng trắng thừa chuỗi  VD: hàm kiểm tra chuỗi số không 43 CuuDuongThanCong.com https://fb.com/tailieudientucntt Regular expression  VD: tìm tất email có đoạn văn bản, kết đưa vào mảng 44 CuuDuongThanCong.com https://fb.com/tailieudientucntt ... phần tử tập hợp có đầy đủ thuộc tính thành phần HTML tương ứng 21 CuuDuongThanCong.com https://fb.com/tailieudientucntt HTML Document Object Model (DOM)  Các thuộc tính đối tượng document 22 ... hay xếp lại phần tử trang  Để thay đổi thứ trang, JS phải truy cập tất thành phần HTML tài liệu Thơng qua DOM, JS truy cập sửa đổi đến tất thành phần trang  DOM công bố 1998 tất trình duyệt... Model (DOM)  VD2: cách sử dụng hàm setTimeout() clearTimeout() 25 CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình hướng đối tượng  JS NN LT HDT dựa lớp C++,C#, Java  JS dạng HDT