Sau khi học xong phần FORM tạo bảng đăng nhập đăng ký của HTML5 các bạn sẽ học tiếp phần này là phần javascript Mục đích học phần này là để kết hợp với FORM tạo thành một thể thống nhất công dụng của Javarscript là để bắt lỗi các thẻ input vidu bắt lỗi người nhập Email nếu nhập sai Form sẽ cảnh báo và bắt nhập lại Hoặc Javascript có thể tính toán các phép toán đơn giản kết hợp với FORM table
Giới thiệu Ngôn ngữ JavaScript Chương Mục tiêu bài học Kịch (Scripting) Giới thiệu JavaScript Các vấn đề JavaScript Building Dynamic Web Sites / of 18 Kịch (Scripting) Kịch xem dãy câu lệnh thông dịch thực thi có kiện xảy Sự kiện hành động phát sinh người dùng lúc tương tác với trang Web Ví dụ click nút, di chuột qua đối tượng, chọn mục menu…vv Ngôn ngữ kịch thường nhúng vào trang HTML nhằm thay đổi cách ứng xử (behavior) trang Web theo yêu cầu người dùng Có hai loại ngôn ngữ kịch bản: Kịch phía client Kịch phía server Building Dynamic Web Sites / of 18 JavaScript gì? JavaScript ngôn ngữ kịch dùng để tạo kịch phía client (client-side) phía server (server-side) JavaScript làm cho việc tạo trang Web động tương tác Internet dễ dàng JavaScript ngôn ngữ kịch hãng Sun Microsystems Netscape phát triển JavaScript phát triển từ Livescript Của Netscape Building Dynamic Web Sites / of 18 Chức ngôn ngữ JavaScript JavaScript cung cấp tính tính động tính tương tác trang web qua chức sau: Đáp lại (responding) nhanh chóng yêu cầu (request) người dùng Sinh trang HTML việc viết nội dung HTML Kiểm tra tính hợp lệ liệu người dùng nhập Thực tính toán đơn giản phía client Building Dynamic Web Sites / of 18 Một số qui tắc JavaScript Tương tự ngôn ngữ khác, JavaScript có quy tắc cú pháp như: Phân biệt chữ hoa, chữ thường Luôn có cặp kí hiệu mở đóng { }, ( ) Sử dụng thêm kí tự trắng, tab giúp cho ta dễ dàng đọc hay sửa file script Sử dụng dòng thích tạo ghi chức đoạn script thời gian tạo Building Dynamic Web Sites / of 18 Môi trường thực thi Môi trường thực thi Các Scripting phía Client JavaScript Web Server JavaScript phía Client JavaScript phía Server Building Dynamic Web Sites / of 18 Các công cụ JavaScript Các công cụ sinh mã JavaScript phần mềm có giao diện phát triển ứng dụng IDE sử dụng giúp tự động tạo đoạn mã JavaScript code Một vài chức sinh mã: Dialog Box Pop – up Menu Builder Remotes Building Dynamic Web Sites / of 18 Nhúng JavaScript vào trang Web JavaScript chèn vào tài liệu HTML theo cách sau : Sử dụng thẻ SCRIPT: Sử dụng file JavaScript Sử dụng JavaScript trình điều khiển kiện Building Dynamic Web Sites / of 18 Biến (variable) Mỗi biến vị trí nhớ máy tính để lưu trữ giá trị Mỗi biến có tên giá trị thay đổi kịch thực thi Sử dụng từ khoá ‘var’ để khai báo biến Các biến có phạm vi xác định, chúng khai báo script ví dụ: var A = 10; Biến toàn cục Biến cục Nguyên dạng (literal) giá trị không đổi dùng script Building Dynamic Web Sites / 10 of 18 Qui tắc đặt tên biến Dùng kí tự chữ, số dấu nối (underscore), $ để đặt tên Phải bắt đầu kí tự chữ dấu nối, $ Không chứa kí tự đặc biệt +, -, *, /, %, …vv Không chứa kí tự trắng Không trùng với từ khóa Building Dynamic Web Sites / 11 of 18 Kiểu liệu Có hai loại kiểu liệu Kiểu nguyên thủy number: kiểu số boolean: giá trị logic string: chuỗi null: giá trị rỗng Kiểu phức hợp Objects: Tham chiếu đến đối tượng JavaScript Functions: Hàm, tập câu lệnh Arrays: Building Dynamic Web Sites / 12 of 18 Các vấn đề JavaScript Hiển thị thông tin Chú thích (comment) Các kí tự escape sequense Các hàm dựng sẵn (built-in functions) Building Dynamic Web Sites / 13 of 18 Hiển thị thông tin Sử dụng phương thức write writeln đối tượng document Cú pháp write document.write(“”+biến) : chuỗi đặt cặp nháy kép biến: tên biến, giá trị hiển thị Cú pháp writeln document.writeln(“”+biến) Cũng giống write, phương thúc writeln chèn thêm kí tự xuống dòng Building Dynamic Web Sites / 14 of 18 Chú thích Chú thích dòng // nội dung dòng thích đặt Chú thích nhiều dòng /* */ nội dung dòng thích đặt Building Dynamic Web Sites / 15 of 18 Escape Sequences Building Dynamic Web Sites / 16 of 18 Các hàm dựng sẵn (built-in functions) JavaScript cung cấp nhiều hàm dựng sẵn, hàm định nghĩa trước đáp ứng vài toán Xem bảng sau Hàm Mô tả Ví dụ alert() Hiển thị hộp thoại với chuỗi thông tin nút OK alert(‘Các trường không để trống’) confirm() Hiển thị thoại với nút OK Cancel Thường dùng để xác minh lại hành động người dùng thực confirm(‘Are you sure you want to delete it ?’) parseInt() Chuyển giá trị chuỗi sang giá trị số nguyên parseInt(‘25 years’) Trả số 25 parseFloat() Chuyển chuỗi số sang giá trị số thực parseInt(‘10.33’) Trả số 10.33 eval() Định giá trị biểu thức trả kết eval(“2+2”) Trả isNaN() Kiểm tra giá trị xem là số không ? isNaN(“Hello”) Trả true prompt() Hiển thị thoại cho phép nhập vào giá trị prompt(“Enter your name”,”Name”) Building Dynamic Web Sites / 17 of 18 Building Dynamic Web Sites / 18 of 18 [...]... Building Dynamic Web Sites / 11 of 18 Kiểu dữ liệu Có hai loại kiểu dữ liệu Kiểu nguyên thủy number: kiểu số boolean: giá trị logic string: chuỗi null: giá trị rỗng Kiểu phức hợp Objects: Tham chiếu đến các đối tượng trong JavaScript Functions: Hàm, là một tập các câu lệnh Arrays: Building Dynamic Web Sites / 12 of 18 Các vấn đề căn bản trong JavaScript Hiển thị thông tin Chú thích... 18 Hiển thị thông tin Sử dụng phương thức write và writeln của đối tượng document Cú pháp write document.write(“ ”+biến) : là một chuỗi được đặt trong cặp nháy kép biến: tên của biến, giá trị của nó sẽ được hiển thị Cú pháp writeln document.writeln(“ ”+biến) Cũng giống như write, phương thúc writeln chèn thêm kí tự xuống dòng Building Dynamic Web Sites / 14 of 18... Chú thích trên nhiều dòng /* */ nội dung các dòng chú thích đặt ở đây Building Dynamic Web Sites / 15 of 18 Escape Sequences Building Dynamic Web Sites / 16 of 18 Các hàm dựng sẵn (built-in functions) JavaScript cung cấp nhiều hàm dựng sẵn, là các hàm được định nghĩa trước đáp ứng một vài bài toán Xem bảng sau Hàm Mô tả Ví dụ alert() Hiển thị hộp thoại với một chuỗi thông tin và một nút OK alert(‘Các ... 18 JavaScript gì? JavaScript ngôn ngữ kịch dùng để tạo kịch phía client (client-side) phía server (server-side) JavaScript làm cho việc tạo trang Web động tương tác Internet dễ dàng JavaScript. .. SCRIPT: Sử dụng file JavaScript Sử dụng JavaScript trình điều... đoạn mã JavaScript code Một vài chức sinh mã: Dialog Box Pop – up Menu Builder Remotes Building Dynamic Web Sites / of 18 Nhúng JavaScript vào trang Web JavaScript chèn vào tài liệu HTML