BÀI 5
HƯỚNG DẪN SỬ DỤNG JAVASCRIPT
TRONG Dreamweaver
Mục lục :
Mục lục : ..................................................................................................................................... 1
I.
Yêu cầu: ............................................................................................................................... 2
II.
Javascript ............................................................................................................................ 3
1.
Ví trí đặt Script trong trang web HTML: ......................................................................... 3
2.
Code HTML của form trên : ........................................................................................... 3
3.
Viết Javascript cho phần phần kiểm tra thông tin người dùng: ...................................... 4
4.
Gọi hàm KiemTra() trong trang web:............................................................................. 5
5.
Kiểm tra kết quả trang web: ........................................................................................... 5
III. Bài tập thực hành: .............................................................................................................. 6
1.
Bài tập 1: Xem các cú pháp thông thường của Javascript: ........................................... 6
2.
Bài tập 2 : Viết website hiển thị thông báo lỗi. ............................................................... 7
3.
Bài tập 3 : Làm Highlight Menu cho trang web. ............................................................. 8
4.
Bài tập 4: Viết hàm kiểm tra thông tin cho trang web cuối bài trong Bài 4. .................... 8
1
GVLT: Lương Vĩ Minh – [email protected] – Trần Thị Bích Hạnh – [email protected]
I.
Yêu cầu:
Thiết kế form có nội dung sau và viết script để kiểm tra tính đúng đắn của dữ liệu do
người dùng nhập vào form sau:
Chú ý:
- Sử dụng lại bài tập 4a để làm tiếp.
- Sử dụng Javascript/VBScript để viết hàm để kiểm tra.
- Thống nhất tên các controls sử dụng trong form trên như trong Bài HDTH 4a.
STT
1
2
3
4
5
-
Tên control
textTenDN
textMatkhau
textMatkhaugolai
btDangky
btXoa
Loại control
Textbox
Textbox
Textbox
Button
Button
Tạo một trang web bất kỳ có tên Dangkythanhcong.htm. Trang web này sẽ hiện thị
khi người dùng nhấn vào nút “Đăng ký” và việc kiểm tra dữ liệu thành công.
2
GVLT: Lương Vĩ Minh – [email protected] – Trần Thị Bích Hạnh – [email protected]
II.
Javascript
1.
Ví trí đặt Script trong trang web HTML:
Vị trí
Trong
Code HTML
thẻ
thẻ
Trong
Trong file .js
Chú ý:
-
Cú pháp lệnh Javascript giống với C, cuối lệnh phải có dấu “;” để kết thúc 1 dòng
lệnh.
Có phân biệt chữ hoa, chữ thường.
2.
Code HTML của form trên :