Giáo trình JavaScript (Phần 2)

Giáo trình JavaScript (Phần 2) được biên soạn với các nôi dung: Xử lý sự kiện trong JavaScript, mô hình HTML DOM, ví dụ minh hoạ, biểu thức quy tắc (Regular expression). Để hiểu rõ hơn mời các bạn cùng tham khảo tài liệu.

1 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) 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 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 Xử lý kiện JS  Các kiện JS Xử lý kiện JS  Các kiện JS Xử lý kiện JS  Các kiện thường dùng số đối tượng Xử lý kiện JS  Sự kiện số đối tượng thông dụng Xử lý kiện JS  Chỉ cho phép nhận ký tự textbox 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 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 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 Mơ hình đối tượng  Khai báo phương thức cho lớp 32 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 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 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 Regular expression  Giá trị Flags 36 Regular expression  Các phương thức sử dụng regexp 37 Regular expression  Cú pháp pattern 38 Regular expression 39 Regular expression 40 Regular expression 41 Regular expression 42 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 Regular expression  VD: tìm tất email có đoạn văn bản, kết đưa vào mảng 44 ... 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 Regular... sổ  Navigator: đối tượng lưu thông tin trình duyệt client  Screen: đối tượng lưu thơng tin hình client  History: đối tượng lưu URL viếng thăm cửa sổ trình duyệt  Location: đối tượng lưu thơng... 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 thơng dụng tích hợp hỗ trợ mơ hình 11 HTML Document Object Model (DOM)  DOM  Với mơ