Bài giảng Lập trình Web-ASP.NET- Bài 3 - Trần Quang Diệu

TRẦN QUANG DIỆU  
LẬP TRÌNH WEB  
NỘI DUNG  
1. Giới thiệu  
2. Kiểu dữ liệu, hằng và biến  
3. Các phép toán trong javascript  
4. Các đối tượng hộp thoại trong javascript  
5. Các cấu trúc điều khiển cơ bản  
6. Mảng và hàm trong javascript  
7. Các đối tượng trong javascript  
8. Xử lý sự kiện trong javascript  
GIỚI THIỆU JAVA SCRIPT  
• Với HTML ta chỉ thiết kế được trang web để hiển thị thông tin, không tạo ra  
được sự tương tác từ phía người dùng.  
• JavaScript là ngôn ngữ kịch bản (do hãng Sun Microsystems và Netscape  
phát triển từ ngôn ngữ LiveScripts) dùng để tạo các client-side scripts và  
server-side scripts (có sự tương tác với người dùng).  
• Mặc dù có những điểm tương đồng giữa Java và JavaScipt , nhưng chúng  
vẫn là hai ngôn ngữ riêng biệt.  
Lưu ý: trong code javascript cũng phân biệt chữ hoa và chữ thường.  
CÁCH NHÚNG JAVASCRIPT VÀO  
MỘT TRANG HTML  
JavaScript có thể chèn vào một tài liệu HTML theo những cách sau:  
• Sử dụng thẻ SCRIPT.  
• Sử dụng một file JavaScript từ bên ngoài.  
• Sử dụng các biểu thức JavaScript trong các giá trị thuộc tính của thẻ  
• Sử dụng JavaScript trong các trình điều khiển sự kiện  
CÁCH NHÚNG JAVASCRIPT VÀO  
MỘT TRANG HTML  
Sử dụng thẻ SCRIPT:  
• Khi trình duyệt gặp phải một thẻ <SCRIPT> nào đó, nó sẽ đọc từng dòng  
một cho đến khi gặp thẻ đóng </SCRIPT>.  
• Tiếp đến nó sẽ kiểm tra lỗi trong các câu lệnh Javascript.  
• Nếu gặp phải lỗi, nó sẽ cho hiển thị lỗi đó trong chuỗi các hộp cảnh báo  
(alert boxes) lên màn hình.  
• Nếu không có lỗi, các câu lệnh sẽ được biên dịch sao cho máy tính có  
thể hiểu đợc lệnh đó.  
CÚ PHÁP SỬ DỤNG THẺ SCRIPT  
Việc khai báo sử dụng ngôn ngữ Javascript có thể đặt bất kỳ vị trí nào trong  
cặp thẻ <html>…</html>. Tuy nhiên, nên đặt các câu lệnh script trong phần  
<head> và </head> để đảm bảo tất cả các câu lệnh đều được đọc và biên  
dịch trước khi nó đ2ợc gọi từ trong phần BODY.  
VÍ DỤ SỬ DỤNG THẺ SCRIPT  
SỬ DỤNG MỘT FILE JAVASCRIPT  
File javascript là file văn bản chứa các mã lệnh JavaScript, file javascript có  
phần mở rộng là “.js”.  
Nó chỉ có thể chứa các câu lệnh và các hàm JavaScript, không thể chứa  
các thẻ HTML.  
SỬ DỤNG MỘT FILE JAVASCRIPT  
LẬP TRÌNH VỚI  
JAVASCRIPT  
KIỂU DỮ LIỆU, HẰNG, BIẾN  
Việc xác định kiểu dữ liệu trong javascript được chuyển đổi một cách tự động  
trong quá trình khai báo và sử dụng các biến. Các kiểu dữ liệu thường dùng:  
• Kiểu số nguyên  
• Kiểu số thực  
• Kiểu ký tự  
• Kiểu chuỗi  
• Kiểu logic (True – False)  
• …  
KHAI BÁO HẰNG VÀ BIẾN  
Trong javascript không cho  
phép định nghĩa hằng tường  
minh.  
• Các biến trong javascript  
phân biệt chữ hoa và chữ  
thường.  
• Cú pháp: var <tên_biến>  
PHÉP TOÁN TRONG JAVASCRIPT  
Trong javascript sử dụng cả hai toán tử một ngôi và hai ngôi, gồm:  
• Toán tử số học: + , - , * , / , ++ , -- , …  
• Toán tử so sánh: > , < , >= , != , …  
• Toán tử logic: AND (&&), OR (||) , …  
• Toán tử chuỗi: + (nối chuỗi)  
• Toán tử lượng giá: điều kiện (?), typeof, …  
• Javascript cung cấp các thư viện hàm cho người dùng khá đầy đủ như: các  
hàm chuyển đổi kiểu dữ liệu, các hàm xử lý chuỗi,…  
HỘP THOẠI TRONG JAVASCRIPT  
Trong javascript cung cấp sẵn các đối tượng hộp thoại (dialog boxes) cho  
người dùng tương tác với trình duyệt trên phía client, bao gồm:  
Alert: hiển thị thông báo  
Confirm: xác nhận thông tin người dùng  
Prompt: tương tác với người dùng bằng cách cho phép nhập giá trị mới.  
HỘP THOẠI TRONG JAVASCRIPT  
a. Alert:  
• Công dụng: dùng hiển thị thông báo cho người dùng.  
• Cú pháp: Alert("Nội dung thông báo")  
b.Confirm:  
• Công dụng: dùng xác nhận lại thông tin từ phía người dùng. Hộp thoại trả về True nếu  
người dùng đồng ý.  
• Cú pháp: Confirm("Nội dung xác nhận")  
c. Prompt:  
• Công dụng: dùng nhận thông tin từ phía người dùng. Hộp thoại trả về giá trị người  
dùng đã nhập.  
• Cú pháp: Prompt("Tiêu đề yêu cầu nội dung")  
VÍ DỤ  
CẤU TRÚC ĐIỀU KHIỂN  
BÀI TẬP CẤU TRÚC ĐIỀU KIỆN  
1.Viết chương trình giải và biện luận phương trình bậc 1.  
2.Viết chương trình giải và biện luận phương trình bậc 2.  
3.Nhập 3 cạnh tam giác a , b , c: cho biết loại tam giác là tam giác đều, cân,  
vuông cân, vuông, thường.  
4.Viết chương trình kiểm tra ngày, tháng, năm có hợp lệ?  
5.Viết chương trình nhập điểm TB, cho biết xếp loại: giỏi, khá, trung bình,  
yếu.  
6.Viết chương trình nhập năm sinh, nếu trên 18 tuổi thì in ra trên trình duyệt  
tuổi của người này.  
BÀI TẬP CẤU TRÚC LẶP  
1.Viết chương trình nhập n, in ra trên trình duyệt bảng cửu chương thứ n.  
2.Viết chương trình nhập n, in ra in ra trên trình duyệt n bảng cửu chương.  
3.Viết chương trình nhập số dòng, số cột, in ra bảng biểu có số dòng và số  
cột đã nhập.  
4.Viết chương trình nhập tháng, năm, in ra trên trình duyệt ra lịch của tháng  
và năm đó.  
5.Viết chương trình nhập user và password, nếu nhập đúng (user và  
password: “abc”) thì in ra trình duyệt câu “Xin chào”, ngược lại bắt người  
dùng nhập lại.  
MẢNG TRONG JAVASCRIPT  
Trong javascript không có kiểu dữ liệu mảng tường minh (ví dụ: int  
mang[10]) mà chỉ hỗ trợ thông qua đối tượng Array sẵn có và các thuộc tính  
và phương thức mà đối tượng này hỗ trợ.  
•Khai báo mảng:  
arrayObjectName = new Array(element0,element1,..)  
hoặc  
arrayObjectName = new Array(arrayLength)  
• Ví dụ: tạo mảng gồm 5 phần tử var Mang = new Array(5)  
Tải về để xem bản đầy đủ
pdf 42 trang baolam 29981 Free
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Lập trình Web-ASP.NET- Bài 3 - Trần Quang Diệu", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

  • pdfbai_giang_lap_trinh_web_asp_net_bai_3_tran_quang_dieu.pdf