Tài liệu thực hành môn Lập trình Web - Lab 05
Khoa Khoa học và Kỹ thuật Máy tính- Đại học Bách Khoa Tp.HCM
Môn học: Lập trình Web
LAB 05
I.
Mục tiêu
•
•
Hiểu biết về ngôn ngữ lập trình Javascript và cách sử dụng mã Javascript trong trang web.
Hiểu biết cấu trúc, các phương thức cơ bản dùng để truy xuất đối tượng, sự kiện trong ngôn
ngữ Javascript.
•
Ứng dụng Javascript để tạo tương tác, hiệu ứng cho các phần tử trong trang web.
II. Các bước thực hiện
1. Tìm hiểu ngôn ngữ lập trình Javascript
o Javascript là một ngôn ngữ lập trình kịch bản được dùng để tạo ra tương tác cho
các trang web. Mã Javascript được thực thi trong trình duyệt của người dùng.
o Để nhúng mã Javascript vào tài liệu HTML, chúng ta có 2 cách:
Cách 1: viết mã Javascript trực tiếp vào tài liệu HTML
<script type=”text/javascript”>
//Các lệnh Javascript
</script>
Cách 2: dùng một tập tin chứa mã Javascript bên ngoài
<script src=“demo.js” type=“text/javascript”></script>
2. Các phương thức, cấu trúc cơ bản của ngôn ngữ Javascript
o Tìm hiểu cách thức khai báo biến, các cấu trúc, đối tượng và các phương thức
cơ bản của đối tượng trong ngôn ngữ Javascript, tham khảo file:
javascript_tutorial.pdf
o Thực hành sử dụng các phương thức Javascript cơ bản bằng cách chạy các đoạn
mã ví dụ được cho trong file: basic_javascript.html.
o Tham khảo một số đoạn mã Javascript thông dụng ở trang web:
o
o
Tìm hiểu các đối tượng cơ bản BOM (Browser Object Model):
§
§
§
§
§
Window
Navigator
Screen
History
Location
Tìm hiểu các đối tượng cơ bản DOM (Document Object Model):
§
§
§
§
§
DOM Document
DOM Elements
DOM Attributes
DOM Events
DOM Style
Trang 1/2
Khoa Khoa học và Kỹ thuật Máy tính- Đại học Bách Khoa Tp.HCM
Bài tập
Bài 1. Hiện thực một chương trình máy tính cơ bản sử dụng HTML Form và ngôn ngữ Javascript,
chương trình hỗ trợ các phép tính cơ bản (cộng, trừ, nhân, chia, luỹ thừa), các giá trị được người
dùng nhập vào thông qua HTML Form.
Bài 2. Hiện thực một Form đăng kí thành viên đơn giản, yêu cầu những thông tin dưới đây từ người
sử dụng:
-
-
-
-
-
-
-
First name (chuỗi từ 2-30 kí tự).
Last name (chuỗi từ 2-30 kí tự).
Email (theo định dạng email: <sth>@<sth>.<sth>).
Password (chuỗi từ 2-30 kí tự, dùng phần tử password trong HTML Form).
Birthday (ngày, tháng, năm. Dùng phần tử select).
Gender (nam, nữ, không xác định. Dùng phần tử radio).
Country (dùng phần tử select, có một số lựa chọn: Vietnam, Australia, United States, India,
Other).
-
-
About (phần tử textarea, giới hạn 10000 kí tự).
Nút Submit và Reset.
Yêu cầu:
o
Tất cả các dữ liệu nhập từ người dùng đều phải được kiểm tra sử dụng ngôn ngữ
Javascript theo yêu cầu cho mỗi trường liệt kê ở trên.
o
o
Không sử dụng các validator có sẵn trong HTML5.
Hiển thị thông báo lỗi (dùng hộp thoại alert) trong trường hợp người dùng nhập dữ liệu
không đúng quy định.
o
Hiển thị thông báo “Complete!” bằng hộp thoại alert trong trường hợp tất cả dữ liệu
người dùng nhập đều đúng quy định.
--HẾT--
Trang 2/2
2 trang
25120
Free
Bạn đang xem tài liệu "Tài liệu thực hành môn Lập trình Web - Lab 05", để 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:
- tai_lieu_thuc_hanh_mon_lap_trinh_web_lab_05.pdf
basic_javascript.html- javascript_tutorial.pdf
1513804.rar
