Xem mẫu
- BÀI GIẢNG
Thiết kế Web
Chương 4. JAVASCRIPT
2021 version
- Nội dung
❑Giới thiệu về Javascript
❑Nhúng Javascript vào trang web
❑Kiểu dữ liệu & Các cú pháp Javascript
❑Xử lý sự kiện
❑DOM HTML với Javascript
❑Ví dụ
- Giới thiệu JavaScript
❑Là một ngôn ngữ kịch bản (script) để viết kịch bản cho phía
client.
❑Chia sẻ xử lý trong ứng dụng Web. Giảm các xử lý không cần
thiết trên server.
❑Giúp tạo các hiệu ứng, tương tác cho trang web.
- Khai báo JavaScript
❑Định nghĩa script trực tiếp trong trang html
❖Đoạn script này có thể đặt ở bất cứ đâu trong file HTML
- Khai báo JavaScript
❑Import javascript từ một file bên ngoài
❖Ví dụ:
- Nhúng JavaScript vào trang web
❑Viết javascript trong thẻ HTML:
❖Cú pháp:
❖Ví dụ:
- Nhúng JavaScript vào trang web
❑Ví dụ:
- Hiển thị/ Xuất dữ liệu
❑Viết đầu ra dưới dạng 1 phần tử HTML:
- Hiển thị/ Xuất dữ liệu
❑Hiển thị kết quả trong hộp thoại
❑Ghi ra màn hình console của trình duyệt
- JavaSrcipt – hằng
❑Khai báo hằng
const tenHang=gia_tri;
❖Ví dụ: const myConst=4;
❖Note:
• Tên hằng bắt đầu phải là chữ cái hoặc ký tự ‘_’
• Tên hằng không được bắt đầu bằng số
- JavaSrcipt – biến
❑Được dùng để lữu trữ giá trị
❑Khai báo biến
❖Sử dụng từ khóa var
var x = 3;
• Chú ý: Một biến được khai báo mà không được gán giá trị (giá trị Underfined)
❖Có thể không cần khai báo biến trước khi sử dụng.
- JavaSrcipt – biến
❑Quy tắc đặt tên biến
❖Chữ cái, chữ số, dấu gạch dưới _ và ký hiệu dollar $
❖Bắt đầu bằng chữ cái, $, _.
❖Phân biệt chữ hoa và thường
❖Không được trùng với từ khóa trong JavaScript
- Toán tử trong JavaScript
❑Toán tử số học
- Toán tử trong JavaScript
❑Toán tử gán
- Toán tử trong JavaScript
❑Toán tử so sánh
- Toán tử trong JavaScript
❑Toán tử logic
- Cấu trúc điều khiển trong JavaScript
❑Rẽ nhánh if
❖Rẽ nhánh đơn
❖Rẽ nhánh if…else…
- Cấu trúc điều khiển trong JavaScript
❑Rẽ nhánh if
❖Rẽ nhánh if…else… lồng nhau
- Cấu trúc điều khiển trong JavaScript
❑Vòng lặp for
- Cấu trúc điều khiển trong JavaScript
❑Vòng lặp for
❖Ví dụ:
nguon tai.lieu . vn