Sách bài tập thiết kế web

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐỒNG NAI BÁO CÁO TỔNG KẾT ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CẤP TRƯỜNG BÀI TẬP THIẾT KẾ WEB Mã số: Chủ nhiệm đề tài: Ths Lê Thị Trang Đồng Nai, 05/2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐỒNG NAI BÁO CÁO TỔNG KẾT ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CẤP TRƯỜNG BÀI TẬP THIẾT KẾ WEB Mã số: Chủ nhiệm đề tài (ký, họ tên) Đồng Nai, 05/2021 DANH SÁCH THÀNH VIÊN THAM GIA STT Họ Và Tên Học Vị, học hàm chuyên môn Cơ quan công tác Lê Thị Trang ThS Công Nghệ Thông Tin Trường Đại Học Công Nghệ Đờng Nai Mục Lục CHƯƠNG LỜI NĨI ĐẦU CHƯƠNG NHẬP MÔN JAVASCRIPT 2.1.Nhúng JavaScript vào file HTML 2.3 Thẻ 2.3 Hiển thị dòng text 2.4 Giao tiếp với người sử dụng 11 2.5 Điểm lại lệnh mở rộng .13 CHƯƠNG BIẾN TRONG JAVASCRIPT .15 3.1 Biến phân loạI biến 15 3.2 Biểu diễn từ tố JavaScript 15 3.3 Kiểu liệu 15 1.1.1 KIểu nguyên (Interger) 16 1.1.2 Kiểu dấu phẩy động (Floating Point) 16 1.1.3 Kiểu logic (Boolean) 17 1.1.4 Kiểu chuỗi (String) 17 XÂY DỰNG CÁC BIỂU THỨC TRONG JAVASCRIPT 18 ĐỊNH NGHĨA VÀ PHÂN LOẠI BIỂU THỨC 18 CÁC TOÁN TỬ (OPERATOR) .18 2.1.1 Gán .18 2.1.2 So sánh .18 2.1.3 Số học 19 2.1.4 Chuỗi 2.1.5 Logic 19 2.1.6 Bitwise .20 BÀI TẬP20 2.1.7 Câu hỏi .20 2.1.8 Trả lời 21 CÁC LỆNH .22 CÂU LỆNH ĐIỀU KIỆN 22 CÂU LỆNH LẶP .22 3.1.1 Vòng lặp for .23 3.1.2 while 24 3.1.3 Break 24 3.1.4 continue 25 CÁC CÂU LỆNH THAO TÁC TRÊN ĐỐI TƯỢNG .25 3.1.5 for in .25 3.1.6 new .26 3.1.7 this 28 3.1.8 with 28 CÁC HÀM (FUNCTIONS) .29 CÁC HÀM CÓ SẴN 3.1.9 eval .31 3.1.10 parseInt .32 3.1.11 parseFloat 33 MẢNG (ARRAY) .34 SỰ KIỆN 35 BÀI TẬP39 3.1.12 3.1.13 Câu hỏi .39 Trả lời 40 CÁC ĐỐI TƯỢNG TRONG JAVASCRIPT .43 ĐỐI TƯỢNG NAVIGATOR 45 ĐỐI TƯỢNG WINDOW 46 4.1.1 Các thuộc tính 46 4.1.2 Các phương thức 46 4.1.3 Các chương trình xử lý kiện 48 ĐỐI TƯỢNG LOCATION 48 ĐỐI TƯỢNG FRAME 49 4.1.4 Các thuộc tính 49 4.1.5 Các phương thức 49 4.1.6 Sử dụng Frame 49 ĐỐI TƯỢNG DOCUMENT 51 4.1.7 Các thuộc tính 52 4.1.8 Các phương thức 52 ĐỐI TƯỢNG ANCHORS .52 ĐỐI TƯỢNG FORMS 52 4.1.9 Các thuộc tính 53 4.1.10 Các phương thức 53 4.1.11 Các chương trình xử lý kiện 53 ĐỐI TƯỢNG HISTORY 53 4.1.12 Các thuộc tính 53 4.1.13 Các phương thức 53 ĐỐI TƯỢNG LINKS 54 4.1.14 Các thuộc tính 54 4.1.15 Các chương trình xử lý kiện 54 ĐỐI TƯỢNG MATH 54 4.1.16 Các thuộc tính 54 4.1.17 Các phương thức 55 ĐỐI TƯỢNG DATE .55 4.1.18 Các phương thức 55 ĐỐI TƯỢNG STRING 56 4.1.19 Các phương thức 56 CÁC PHẦN TỬ CỦA ĐỐI TƯỢNG FORM 57 4.1.20 Thuộc tính type 58 4.1.21 Phần tử button 58 4.1.22 Phần tử checkbox .59 4.1.23 Phần tử File Upload 61 4.1.24 Phần tử hidden 61 4.1.25 Phần tử Password .61 4.1.26 Phần tử radio 61 4.1.27 Phần tử reset .63 4.1.28 Phần tử select .64 MƠ HÌNH ĐỐI TƯỢNG (OBJECT MODEL) 73 ĐỐI TƯỢNG VÀ THUỘC TÍNH 73 C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an TẠO CÁC ĐỐI TƯỢNG MỚI .73 5.1.1 Sử dụng khởi tạo đối tượng 74 5.1.2 Sử dụng hàm xây dựng(Constructor Function) 75 5.1.3 Lập mục lục cho thuộc tính đối tượng 76 5.1.4 Định nghĩa thêm thuộc tính cho kiểu đối tượng 76 5.1.5 Định nghĩa cách thức 76 5.1.6 Sử dụng cho tham chiếu đối tượng (Object References) .77 5.1.7 Xoá đối tượng 78 BẢNG TỔNG KẾT CÁC TỪ KHOÁ 79 TỔNG KẾT 80 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an THÔNG TIN KẾT QUẢ NGHIÊN CỨU ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CẤP TRƯỜNG (dùng cho Báo cáo tổng kết đề tài) Thông tin chung: - Tên đề tài: Sách hướng dẫn thực hành Thiết kế web - Mã số: - Chủ nhiệm đề tài: Lê Thị Trang Điện thoại: 0986.898.499 Email: lethitrang@dntu.edu.vn - Đơn vị quản lý chuyên môn (Khoa, Tổ môn): Khoa Công nghệ - Thời gian thực hiện: Tháng 9/2020– tháng 5/2021 Mục tiêu: Trang bị cho Sinh viên kiến thức chuyên sâu web Nội dung chính: - Thiết kế website tin tức, website Thiết kế web Kết đạt - Cấp cho sinh viên kiến thức chuyên sâu web - Từ sinh viên ứng dụng kiến thức trang bị vào dự án xây dựng website Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an CHƯƠNG LỜI NÓI ĐẦU Với HTML and Microsoft FrontPage bạn biết cách tạo trang Web - nhiên mức biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngôn ngữ script có tên LiveScript để thực hiện chức Sau ngơn ngữ đổi tên thành JavaScript để tận dụng tính đại chúng ngơn ngữ lập trình Java Mặc dù có điểm tương đờng Java JavaScript, chúng hai ngôn ngữ riêng biệt JavaScript ngơn ngữ dạng script gắn với file HTML Nó khơng biên dịch mà trình dụt diễn dịch Khơng giống Java phải chuyển thành mã dễ biên dịch, trình duyệt đọc JavaScript dạng mã ng̀n Chính bạn dễ dàng học JavaScript qua ví dụ bạn thấy cách sử dụng JavaScript trang Web JavaScript ngôn ngữ dựa đối tượng, có nghĩa bao gờm nhiều kiểu đối tượng, ví dụ đối tượng Math với tất chức tốn học Tuy JavaScript khơng ngơn ngữ hướng đối tượng C++ hay Java không hỗ trợ lớp hay tính thừa kế JavaScript đáp ứng kiện tải hay loại bỏ form Khả cho phép JavaScript trở thành ngôn ngữ script động Giống với HTML Java, JavaScript thiết kế độc lập với hệ điều hành Nó chạy hệ điều hành có trình dụt hỗ trợ JavaScript Ngồi JavaScript giống Java khía cạnh an ninh: JavaScript khơng thể đọc viết vào file người dùng Các trình duyệt web Nescape Navigator 2.0 trở hiển thị câu lệnh JavaScript nhúng vào trang HTML Khi trình duyệt yêu cầu trang, server gửi đầy đủ nội dung trang đó, bao gờm HTML câu lệnh JavaScript qua mạng tới client Client đọc trang từ đầu đến cuối, hiển thị kết HTML xử lý câu lệnh JavaScript chúng xuất hiện Các câu lệnh JavaScript nhúng trang HTML trả lời cho kiện người sử dụng kích chuột, nhập vào form điều hướng trang Ví dụ bạn kiểm tra giá trị thông tin mà người sử dụng đưa vào mà khơng cần đến q trình truyền mạng Trang HTML với JavaScript nhúng kiểm tra giá trị đưa vào thông báo với người sử dụng giá trị đưa vào khơng hợp lệ Mục đích phần giới thiệu ngơn ngữ lập trình JavaScript để bạn viết script vào file HTML Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an CHƯƠNG NHẬP MƠN JAVASCRIPT 2.1.NHÚNG JAVASCRIPT VÀO FILE HTML Bạn nhúng JavaScript vào file HTML theo cách sau đây: Sử dụng câu lệnh hàm cặp thẻ Sử dụng file nguồn JavaScript Sử dụng biểu thức JavaScript làm giá trị thuộc tính HTML Sử dụng thẻ kiện (event handlers) thẻ HTML Trong đó, sử dụng cặp thẻ nhúng file nguồn JavaScript sử dụng nhiều 2.1.1.Sử dụng thẻ SCRIPT Script đưa vào file HTML cách sử dụng cặp thẻ Các thẻ xuất hiện phần hay file HTML Nếu đặt phần , tải sẵn sàng trước phần lại văn tải Thuộc tính định nghĩa hiện thời cho thẻ “LANGUAGE=“ dùng để xác định ngôn ngữ script sử dụng Có hai giá trị định nghĩa "JavaScript" "VBScript" Với chương trình viết JavaScript bạn sử dụng cú pháp sau : Chú ý: Ghi không đặt cặp thẻ ghi file HTML Cú pháp JavaScript tương tự cú pháp C nên sử dụng // hay /* */ // INSERT ALL JavaScript HERE Điểm khác cú pháp viết ghi HTML JavaScript cho phép bạn ẩn mã JavaScript ghi file HTML, để trình dụt cũ khơng hỗ trợ cho JavaScript đọc ví dụ sau đây: Dòng cuối script cần có dấu // để trình dụt khơng diễn dịch dịng dạng mã JavaScript Các ví dụ chương không chứa đặc điểm ẩn JavaScript để mã dễ hiểu 2.1.2 Sử dụng file nguồn JavaScript Thuộc tính SRC thẻ cho phép bạn rõ file nguồn JavaScript sử dụng (dùng phương pháp hay nhúng trực tiếp đoạn lệnh JavaScript vào trang HTML) Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an Cú pháp: Thuộc tính rấy hữu dụng cho việc chia sẻ hàm dùng chung cho nhiều trang khác Các câu lệnh JavaScript nằm cặp thẻ có chứa thuộc tinh SRC trừ có lỗi Ví dụ bạn muốn đưa dòng lệnh sau vào cặp thẻ : document.write("Khơng tìm thấy file JS đưa vào!"); Thuộc tính SRC định rõ địa URL, liên kết đường dẫn tuyệt đối, ví dụ: Các file JavaScript bên ngồi khơng chứa thẻ HTML Chúng chứa câu lệnh JavaScript định nghĩa hàm Tên file hàm JavaScript bên ngồi cần có js, server phải ánh xạ js tới kiểu MIME application/x-javascript Đó mà server gửi trở lại phần Header file HTML Để ánh xạ đuôi vào kiểu MIME, ta thêm dòng sau vào file mime.types đường dẫn cấu hình server, sau khởi động lại server: Chú ý Khi bạn muốn xâu trích dẫn xâu khác cần sử dụng dấu nháy đơn ( ' ) để phân định xâu Điều cho phép script nhận xâu ký tự type=application/x-javascript Nếu server khơng ánh xạ js tới kiểu MIME application/x-javascript , Navigator tải file JavaScript thuộc tính SRC khơng cách Trong ví dụ sau, hàm bar có chứa xâu "left" nằm cặp dấu nháy kép: function bar(widthPct){ document.write(" ") } 2.3 THẺ VÀ Cặp thẻ dùng để định rõ nội dung thơng báo cho người sử dụng biết trình dụt khơng hỗ trợ JavaScript Khi trình dụt khơng hiểu thẻ bị lờ đi, cịn đoạn mã nằm cặp thẻ Navigator hiển thị Ngược lại, trình dụt có hỗ trợ JavaScript đoạn mã cặp thẻ bỏ qua Tuy nhiên, điều xảy người sử dụng khơng sử dụng JavaScript trình dụt cách tắt hộp Preferences/Advanced Ví dụ: Trang có sử dụng JavaScript Do bạn cần sử dụng trình dụt Netscape Navigator từ version 2.0 trở đi! Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 66 Việc tạo đối tượng option() với dòng text trước, defaultSelected selected định giá trị kiểu Boolean Đối tượng liên kết vào danh sách lựa chọn thực hiện index Các lựa chọn bị xoá danh sách lựa chọn cách gắn giá trị null cho đối tượng muốn xoá selectListName.options[index] = null; 1.1 Phần tử submit Nút Submit trường hợp đặc biệt button, nút Reset Nút đưa thông tin hiện tại từ trường form tới địa URL thuộc tính ACTION thẻ form sử dụng cách thức METHOD thẻ FORM Giống đối tượng button reset, đối tượng submit có sẵn thuộc tính name value, cách thức click() thẻ kiện onClick 1.2 Phần tử Text Phần tử nằm phần tử hay sử dụng form HTML Tương tự trường Password, trường text cho phép nhập vào dòng đơn, ký tự hiện bình thường đối tượng text có ba thuộc tính:defautValue, name value Ba cách thức mơ kiện người sử dụng: focus(), blur() select() Có thẻ kiện là: obBlur, onFocus, onChange, onSelect Chú ý kiện thực hiện trỏ kích ngồi trường text Bảng sau mơ tả thuộc tính cách thức đối tượng text Bảng Các thuộc tính cách thức đối tượng text Cách thức thuộc tính Mô tả defaultValue Chỉ giá trị mặc định phần tử thẻ INPUT (thuộc tính) name Tên đối tượng thẻ INPUT (thuộc tính) value Giá trị hiện thời phần tử (thuộc tính) focus() Mơ tả việc trỏ tới trường text (cách thức) blur() Mô tả việc trỏ rời trường text (cách thức) select() Mô tả việc lựa chọn dòng text trường text (cách thức) Một ý quan trọng gán giá trị cho trường text cách liên kết giá trị với thuộc tính value Trong ví dụ sau đây, dịng text đưa vào trường lặp lại trường text thứ hai, Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 67 mọi dòng text đưa vào trường text thứ hai lại lặp lại trường texxt thứ Khả áp dụng để tự động cập nhật thay đổi liệu Ví dụ Tự động cập nhật trường text text Example 1.3 Phần tử Textarea Thẻ TEXTAREA cung cấp hộp cho phép nhập số dòng text người thiết kế định trước Ví dụ: Default Text Here ví dụ tạo trường text cho phép đưa vào 10 hàng ,mỗi hàng 25 ký tự Dòng "Defautl Text Here"sẽ xuất hiện trường vào lần hiển thị Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 68 Cũng phần tử text , JavaScript cung cấp cho bạn thuộc tính defaultValue, name, value, cách thức focus(), select(), blur(), thẻ kiện onBlur, onForcus, onChange, onSelect Mảng elements[] Các đối tượng form gọi tới mảng elements[] Ví dụ bạn tạo form sau: bạn gọi tới ba thành phần sau: document.elements[0], document.elements[1], document.elements[2], gọi document.testform.one, document.testform.two, document.testform.three Thuộc tính thường sử dụng mối quan hệ phần tử dùng tên chúng Mảng form[] Các thẻ kiện thiết kế để làm việc với form riêng biệt trường thời điểm, hữu dụng phép gọi tới form có liên quan trang Mảng form[] đề cập đến có nhiều xác định nhân form trang have information in a single field match in all three forms Có thể gọi document.forms[] thay gọi tên form Trong script này, bạn có hai trường text để nhập nằm hai form độc lập với Sử dụng mảng form bạn tương tác giá trị trường hai form lúc người sử dụng thay đổi giá trị form forms[] Example Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 69 Mặt khác, bạn truy nhập đến form tên form đặt thẻ FORM: Khi bạn gọi document.forms["name"] document.name Xem lại lệnh mở rộng Lệnh/ Mở rộng Kiểu Mô tả blur() cách thức JavaScript Mô tả việc dịch chuyển trỏ từ phần tử form.action cách thức JavaScript Xâu chứa giá trị thuộc tính ACTION thẻ FORM form.elemrnts thuộc JavaScript tính mảng chứa danh sách phần tử form (như checkbox, trường text, danh sách lựa chọn) form.encoding thuộc JavaScript tính xâu chứa kiểu MIME sử dụng chuyển thông tin từ form tới server form,name thuộc JavaScript tính Xâu chứa giá trị thuộc tính NAME thẻ FORM form.target thuộc JavaScript tính Xâu chứa tên cửa sổ đích form submition form.submit cách thức JavaScript Mô tả việc submit form HTML type thuộc JavaScript onSubmit Thẻ kiện thẻ kiện cho việc submit button thuộc tính HTML Thuộc tính kiểu cho nút bấm HTML () checkbox thuộc tính HTML Thuộc tính kiểu cho checkbox HTML () pasword thuộc tính HTML Thuộc tính kiểu cho dịng pasword HTML() radio thuộc tính HTML Thuộc tính kiểu cho nút radio HTML () reset thuộc tính HTML Thuộc tính kiểu cho nút reset HTML () SELECT thẻ HTML Hộp thẻ cho danh sách lựa chọn OPTION thẻ HTML lựa chọn danh sách lựa chọn(Option 1Option 2) submit thuộc tính HTML Thuộc tính kiểu nút submit () text thuộc tính HTML Thuộc tính kiểu trường form () TEXTAREA Thẻ HTML Hộp thẻ cho nhiều dòng ( defautl ) name thuộc JavaScript tính Xâu chứa tên phần tử HTML (button, checkbox, password ) value thuộc JavaScript tính Xâu chứa giá trị hiên thời phần tử HTML(button, checkbox, password ) click() cách thức JavaScript Mơ tả việc kích vào phần tử form (button, checkbox,password) onClick thuộc JavaScript tính Thẻ kiện cho kiện kích (button, checkbox, radio button, reset, selection list, submit) checked thuộc JavaScript tính Giá trị kiểu Boolean mô tả lựa chọn check(checkbox, radio button) defaultChecked thuộc JavaScript tính Xâu chứa giá trị mặc định phần tử HTML (password, text, textarea) focus() cách thức JavaScript Mô tả việc trỏ tới phần tử (password, text, textarea) blur() cách thức JavaScript Mô tả việc trỏ rời khỏi phần tử (password, text, textarea) Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn text text C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 71 select() cách thức JavaScript Mô tả việc lựa chọn dòng text trường (password, text, textarea) onFocus() Thẻ kiện Thẻ kiện cho kiện focus(password, selection list, text, textarea) onBlur Thẻ kiện Thẻ kiện cho kiện blur (password, selection list, text, textarea) onChange Thẻ kiện Thẻ kiện cho kiện giá trị trường thay đổi (password, selection list, text, textarea) onSelect Thẻ kiện Thẻ kiện người sử dụng chọn dòng text trường (password, text, textarea) index thuộc JavaScript tính Là số nguyên mơ tả lựa chọn hiện thời nhóm lựa chọn (radio button) length thuộc JavaScript tính Số ngun mơ tả tổng số lựa chọn nhóm lựa chọn (radio button) dafautlSelected thuộc JavaScript tính Giá trị Boolean mơ tả có lựa chọn đặt mặc định (seledtion list) options thuộc JavaScript tính Mảng lựa chọn danh sách lựa chọn text thuộc JavaScript tính Dịng text hiển thị cho thành phần menu danh sách lựa chọn TABLE thẻ HTML Hộp thẻ cho bảng HTML TR thẻ HTML Hộp thẻ cho hàng bảng HTML TD thẻ HTML Hộp thẻ cho ô hàng bảng HTML COLSPAN thuộc tính HTML Là thuộc tính thẻ TD mô tả ô bảng có nhiều cột ROWSPAN thuộc tính HTML Là thuộc tính thẻ TD mô tả ô bảng có nhiều hàng Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 72 thuộc tính HTML BODER document.forms[] thuộc JavaScript Là thuộc tính thẻ TABLE mô tả độ rộng đường viền bảng tính mảng đối tượng form với danh sách form document string.substring() cách thức JavaScript Trả lại xâu xâu string từ tham số vị trí ký tự đầu đến vị trí ký tự cuối Math.floor() cách thức JavaScript Trả lại giá trị nguyên nhỏ giá trị tham số đưa vào string.length thuộc JavaScript tính Giá trị nguyên số thứ tự ký tự cuối xâu string Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 73 MƠ HÌNH ĐỐI TƯỢNG (OBJECT MODEL) ĐỐI TƯỢNG VÀ THUỘC TÍNH Như biết, đối tượng JavaScript có thuộc tính kèm với Bạn truy nhập đến thuộc tính cách gọi : objectName.propertyName Cả tên đối tượng tên thuộc tính nhạy cảm Bạn định nghĩa thuộc tính cách gán cho giá trị Ví dụ, giả sử có đối tượng tên myCar (trong trường hợp giả sử đối tượng tồn tại sẵn sàng) Bạn lấy thuộc tính có tên make, model year sau: myCar.make = “Ford“ myCar.model = “Mustang“ myCar.year = 69; Có mảng lưu trữ tập hợp giá trị tham chiếu tới biến Thuộc tính mảng JavaScript có quan hệ mật thiết với nhau, thực chúng khác cách giao tiếp với cấu trúc liệu Ví dụ truy nhập tới thuộc tính đối tượng myCar mảng sau: myCar[make] = “Ford“ myCar[model] = “Mustang“ myCar[year] = 69; Kiểu mảng hiểu mảng có khả liên kết phần tử liên kết đến giá trị xâu Để minh hoạ việc mày thực hiện nào, hàm sau hiển thị thuộc tính đối tượng thơng qua tham số kiểu đối tượng tên đối tượng function show_props (obj, obj_name) { var result=”” for (i in obj) result=result+ obj_name + “.”+ i+ “=” + obj[i] + “\n” return result } Khi gọi hàm show_props(myCar,”myCar”) hiện lên: myCar.make = Ford myCar.model = Mustang myCar.year = 69; TẠO CÁC ĐỐI TƯỢNG MỚI Cả JavaScript client-side server-side có số đối tượng định nghĩa trước Tuy nhiên, bạn tạo đối tượng riêng bạn Trong JavaScript 1.2, bạn muốn tạo đối tượng kiểu đối tượng, bạn tạo Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 74 cách sử dụng khởi tạo đối tượng Hoặc bạn muốn tạo nhiều cá thể kiểu đối tượng, bạn tạo hàm xây dựng trước, sau tạo đối tượng có kiểu hàm tốn tử new 5.1.1 SỬ DỤNG KHỞI TẠO ĐỐI TƯỢNG Trong phiên trước Navigator, bạn tạo đối tượng cách sử dụng hàm xây dựng chúng sử dụng hàm cung cấp vài đối tượng khác để đạt mục đích Tuy nhiên, Navigator 4.0, bạn tạo đối tượng cách sử dụng khởi tạo đối tượng.Bạn sử dụng cách bạn muốn tạo cá thể đơn lẻ nhiều cá thể đối tượng Cú pháp để tạo đối tượng cách khởi tạo đối tượng (Object Initializers): objectName={property1: value1, property2: value2, , propertyN: valueN} Trong objectName tên đối tượng mới, propertyI xác minh (có thể tên, số xâu ký tự) valueI biểu thức mà giá trị gán cho propertyI Có thể lựa chọn khởi tạo tên đối tượng khai báo Nếu bạn không cần dùng đến đối tượng mọi chỗ, bạn khơng cần phải gán cho biến Nếu đối tượng tạo cách khởi tạo đối tượng mức cao nhất, lần đối tượng xuất hiện biểu thức, JavaScript đánh giá lại lần Ngoài ra, sử dụng việc khởi tạo hàm lần gọi hàm, đối tượng khởi tạo lần Giả sử bạn có câu lệnh sau: if (condition) x={hi: ”there.”} Trong trường hợp này, JavaScript tạo đối tượng gắn vào biến x biểu thức condition đánh giá Cịn ví dụ sau tạo đối tượng myHonda với thuộc tính: myHonda={color:”red”,wheels:4,engine:{cylinder:4,size:2.2}} Chú ý thuộc tính engine đối tượng với thuộc tính Trong Navigator 4.0, bạn sử dụng khởi tạo để tạo mảng Cú pháp để tạo mảng cách khác với tạo đối tượng: arrayName=[element0, element1, ,elementN] Trong đó, arrayName tên mảng mới, elementI giá trị phần tử vị trí mảng Khi bạn tạo mảng cách sử dụng phương pháp khởi tạo, coi giá trị phần tử mảng, chiều dài mảng số tham số Bạn khơng cần phải định rõ tất phần tử mảng Nếu bạn đặt hai dấu phẩy vào hàng, mảng tạo với chốn trống cho phần tử chưa định nghĩa ví dụ đây: Nếu mảng tạo cách khởi tạo(initializer) mức cao nhất, lần mảng xuất hiện biểu thức, JavaScript đánh giá lại lần Ngồi ra, sử dụng việc khởi tạo hàm lần gọi hàm, mảng khởi tạo lần Ví dụ1: Tạo mảng coffees với phần tử độ dài mảng 3: Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 75 coffees = [“French Roast”,”Columbian”,”Kona”] Ví dụ 2: Tạo mảng với phần tử khởi đầu phần tử rỗng: fish = [“Lion”, ,” Surgeon”] Với biểu thức này, fish[0] “Lion”, fish[2] ” Surgeon”, fish[2] chưa định nghĩa 5.1.2 SỬ DỤNG MỘT HÀM XÂY DỰNG(CONSTRUCTOR FUNCTION) Bạn tạo đối tượng riêng với hai bước sau: Định nghĩa kiểu đối tượng cách viết hàm xây dựng Tạo cá thể đối tượng tốn tử new Để định nghĩa kiểu đối tượng, ta phải tạo hàm để định rõ tên, thuộc tính cách thức kiểu đối tượng Ví dụ giả sử bạn muốn tạo kiểu đối tượng ô tô với tên car, có thuộc tính make, model, year color, để thực hiện việc viết hàm sau: function car(make, model, year ){ this.make = make this.model = model this.year = year } Chú ý việc sử dụng toán tử this để gán giá trị cho thuộc tính đối tượng phải thơng qua tham số hàm Ví dụ, bạn tạo đối tượng kiểu car sau: mycar = new car(“Eagle”,”Talon TSi”,1993) Câu lệnh tạo đối tượng mycar liên kết giá trị đưa vào với thuộc tính Khi giá trị mycar.make “Eagle”, giá trị mycar.model “Talon TSi”, mycar.year số nguyên 1993 Cứ bạn tạo nhiều đối tượng kiểu car Một đối tượng có thuộc tính mà thân đối tượng Ví dụ bạn định nghĩa thêm đối tượng khác person sau: function person(name, age, sex){ this.name=name this.age=age this.sex=sex } Và sau ta tạo hai người mới: rank = new person(“Rank McKinnon”,33,”M”) ken = new person(“Ken John”,39,”M”) Bây giờ bạn định nghĩa lại hàm xây dựng car sau: function car(make, model, year,owner ){ this.make = make this.model = model this.year = year this.owner = owner } Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 76 Như bạn tạo đối tượng kiểu car mới: car1 = new car(“Eagle”,”Talon TSi”,1993,rank) car2 = new car(“Nissan”,”300ZX”,1992,ken) Như vậy, thay phải qua xâu ký tự hay giá trị số tạo đối tượng, ta cần đưa hai đối tượng tạo câu lệnh vào dòng tham số đối tượng tạo Ta lấy thuộc tính đối tượng owner câu lênh sau: car2.owner.name Chú ý bạn tạo thuộc tính cho đối tượng trước định nghĩa nó, ví dụ: car1.color=”black” Như vậy, thuộc tính color đối tượng car1 gán “black” Tuy nhiên, khơng gây tác động tới đối tượng kiểu car khác Nếu muốn thêm thuộc tính cho tất đối tượng phải định nghĩa lại hàm xây dựng đối tượng 5.1.3 LẬP MỤC LỤC CHO CÁC THUỘC TÍNH CỦA ĐỐI TƯỢNG Trong Navigator 2.0, bạn gọi thuộc tính đối tượng tên thuộc tính số thứ tự Tuy nhiên từ Navigator 3.0 trở đi, ban đầu bạn định nghĩa thuộc tính tên nó, bạn ln ln phải gọi tên, bạn định nghĩa thuộc tính số bạn ln ln phải gọi tới số Điều ứng dụng bạn tạo đối tượng với thuộc tính chúng hàm xây dựng (như ví dụ kiểu đối tượng car phần trước) bạn định nghĩa thuộc tính riêng đối tượng (như mycar.color=”red”) Vì bạn định nghĩa thuộc tính đối tượng từ đầu số mycar[5]=”25 mpg”, bạn gọi tới thuộc tính khác mycar[5] Tuy nhiên điều đối tượng tương ứng HTML mảng form Bạn gọi tới đối tượng mảng số thứ tự tên chúng Ví dụ thẻ thứ hai document có thuộc tính NAME “myform” bạn gọi tới form document.form[1] document.form[“myForm”] document.myForm 5.1.4 ĐỊNH NGHĨA THÊM CÁC THUỘC TÍNH CHO MỘT KIỂU ĐỐI TƯỢNG Bạn thêm thuộc tính cho kiểu đối tượng định nghĩa trước cách sử dụng thuộc tính property Thuộc tính định nghĩa khơng có tác dụng đối tượng mà có tác dụng tất đối tượng khác kiểu.Ví dụ sau thực hiện thêm thuộc tính color cho tất đối tượng kiểu car, sau gắn giá trị màu cho thuộc tính color đối tượng car1: car.prototype.color=null car1.color=”red” 5.1.5 ĐỊNH NGHĨA CÁC CÁCH THỨC Một cách thức hàm liên kết với đối tượng Bạn định nghĩa cách thức có nghĩa bạn định nghĩa hàm chuẩn Bạn sử dụng cú pháp sau để gắn hàm cho đối tượng tồn tại: object.methodname = function_name Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 77 Trong object đối tượng tờn tại, methodname tên cách thức function_name tên hàm Bạn gọi cách thức từ đối tượng sau: object.methodname() Bạn định nghĩa cách thức cho kiểu đối tượng cách đưa cách thức vào hàm xây dựng đối tượng Ví dụ bạn định nghĩa hàm định dạng hiển thị thuộc tính đối tượng kiểu car xây dựng phần trước: function displayCar () { var result = “Abeautiful”+this.year+ “ ”+ this.make + “ ”+ this.model document.write(result) } Bạn thêm cách thức vào cho đối tượng car cách thêm dòng lệnh sau vào hàm định nghĩa đối tượng this.displayCar= displayCar; Như định nghĩa lại đối tượng car sau: function car(make, model, year,owner ){ this.make = make this.model = model this.year = year this.owner = owner this.displayCar= displayCar } Sau đó, bạn gọi cách thức displayCar đối tượng: car1.displayCar() car2.displayCar() 5.1.6 SỬ DỤNG CHO CÁC THAM CHIẾU ĐỐI TƯỢNG (OBJECT REFERENCES) JavaScript có từ khố đặc biệt this mà bạn sử dụng với cách thức để gọi tới đối tượng hiện thời Ví dụ, giả sử bạn có hàm validate dùng để xác nhận giá trị thuộc tính đối tượng nằm khoảng đó: function validate(obj, lowval, hival){ if ( (obj.valuehival) ) alert(“Invalid value!”) } Sau bạn gọi hàm validate từ thẻ kiện onChange: Khi liên kết với thuộc tính form, từ khố this gọi tới form cha đối tượng hiện thời Trong ví dụ sau, myForm có chứa đối tượng Text nút bấm Khi người sử dụng kích vào nút bấm, trường text hiển thị tên form Thẻ kiện onClick nút bấm sử dụng this.form để gọi tới form cha myForm Form name:

Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 78 5.1.7 XOÁ ĐỐI TƯỢNG Trong JavaScript cho Navigator 2.0, bạn khơng thể xố đối tượng-chúng tồn tại bạn rời khỏi trang Trong JavaScript cho Navigator 3.0 cho phép bạn xố đối tượng cách đặt cho trỏ tới giá trị Null (nếu lần cuối gọi tới đối tượng) JavaScript đóng đối tượng thơng qua biểu thức gán Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 79 BẢNG TỔNG KẾT CÁC TỪ KHOÁ Sau từ đựoc định nghĩa phần ngôn ngữ JavaScript không sử dụng tên biến: abstract eval int static boolean extends interface super break false long switch byte final native synchrinized case finally new this catch float null throw char for package throws class function parseFloat transient const goto parseInt true continue if private try default implements protected var import public void double in return while else instanceof short with Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn