Kịch bản (Scripting)Giới thiệu về JavaScriptCác vấn đề căn bản trong JavaScriptToán tửCấu trúc điều kiệnCấu trúc lặpKịch bản được xem như là một dãy các câu lệnh được thông dịch và thực thi tuần tự ngay lập tức khi có một sự kiện xảy ra.
Chương • Kịch (Scripting) • Giới thiệu JavaScript • Các vấn đề JavaScript • Toán tử • Cấu trúc điều kiện • Cấu trúc lặp • Kịch xem dãy câu lệnh thông dịch thực thi có kiện xảy ra. • 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. • 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 hơn. • 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 • 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. • 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. • Môi trường thực thi – Các Scripting phía Client – JavaScript Web Server JavaScript phía Client JavaScript phía Server • 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 • 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 • 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. ví dụ: var A = 10; • Các biến có phạm vi xác định, chúng khai báo script. – Biến toàn cục. – Biến cục bộ. • Nguyên dạng (literal) giá trị không đổi dùng script. • 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 • 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 hiện. 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 quả. 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”) • Toán tử sử dụng để thực thao tác nhiều giá trị lưu trữ biến. Thao tác thay đổi giá trị phát sinh giá trị mới. • Có ba loại toán tử chủ yếu sau: – Toán tử ngôi: Thao tác toán hạng. – Toán tử hai ngôi: Thao tác hai toán hạng. – Toán tử ba ngôi: Thao tác ba toán hạng. • • • • • • Toán tử số học Toán tử quan hệ Toán tử logic Toán tử gán Toán tử đặc biệt Mức ưu tiên • Câu lệnh điều kiện dùng để kiểm tra điều kiện. Kết xác định câu lệnh khối lệnh thực thi. • Các câu lệnh điều kiện bao gồm: – if – if…else – if…else if…else – switch • Cú pháp if (điều_kiện) { //Một nhiều câu lệnh } • Cú pháp if (điều_kiện) { //Một nhiều câu lệnh; } else { //Một nhiều câu lệnh; } Building Dynamic Web Sites / 21 of 27 • Cú pháp if (điều_kiện_1) { câu lệnh_1; } else if (điều_kiện_2) { câu lệnh_2; } else { câu_lệnh_n+1; } if (điều_kiện_1) { câu lệnh; if (điều_kiện) { câu lệnh; if (điều_kiện) { câu lệnh; } } } • Cú pháp • Cấu trúc điều khiển lặp chương trình lệnh lặp. • Các kiểu lệnh lặp bao gồm: – – – – – for …. while while break & continue for….in Building Dynamic Web Sites / 25 of 22 • Cú pháp while (điều_kiện) { các_câu_lệnh; } • Ví dụ: var i=0; var sum=0; while (i[...]... kí tự xuống dòng • Chú thích một dòng // nội dung dòng chú thích đặt ở đây • Chú thích trên nhiều dòng /* */ nội dung các dòng chú thích đặt ở đây • 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 trường không được để trống’) confirm() Hiển thị một... Cancel Thường dùng để xác minh lại một hành động do người dùng thực hiện confirm(‘Are you sure you want to delete it ?’) parseInt() Chuyển một giá trị chuỗi sang một giá trị số nguyên parseInt(‘ 25 years’) Trả về số 25 parseFloat() Chuyển một chuỗi số sang giá trị số thực parseInt(‘10.33’) Trả về số 10.33 eval() Định giá trị một biểu thức và trả về kết quả eval(“2+2”) Trả về 4 isNaN() Kiểm tra một giá trị... khiển lặp trong chương trình là các lệnh lặp • Các kiểu lệnh lặp bao gồm: – – – – – for do … while while break & continue for….in Building Dynamic Web Sites / 25 of 22 • Cú pháp while (điều_kiện) { các_câu_lệnh; } • Ví dụ: var i=0; var sum=0; while (i . Chương 5 • Kịch bản (Scripting) • Giới thiệu về JavaScript • Các vấn đề căn bản trong JavaScript • Toán tử • Cấu trúc điều kiện • Cấu trúc lặp • Kịch bản được xem như là một. kịch bản thường được nhúng vào trong trang HTML nhằm thay đổi cách ứng xử (behavior) của trang Web theo yêu cầu của người dùng. • Có hai loại ngôn ngữ kịch bản: – Kịch bản phía client – Kịch bản. phía client – Kịch bản phía server. • JavaScript là ngôn ngữ kịch bản dùng để tạo các kịch bản phía client (client-side) và phía server (server-side). • JavaScript làm cho việc tạo các trang