JavaScript là gì ?

I . Script là gì ?

+ Client-Side Script :  Script được thực thi tại Client-Side (trình duyệt) :

Thực hiện các tương tác với người dùng (tạo menu chuyển động...) , kiểm tra dữ liệu nhập ..script này có thể hoạt động ngay cả khi không có internet.

=> Tóm lại nó tương tác với người dùng.

+ Server - Side Script : Script này được xử lý tại server , nhằm tạo các trang web có khả năng phát sinh nội dung động. Một số xử lý chính : kết nối CSDL , truy cập hệ thống file trên server , phát sinh nội dung html trả về người dùng.

2.JavaScript là gì ? 

=> Là ngôn ngữ xử lý những script ở phía Client cho nền tảng web hoạt động trên trình duyệt của người dùng.

=> Nó chia sẻ xử lý trong ứng dụng web . Giảm các xử lý không cần thiết trên server.

=> Tạo hiệu ứng tương tác cho web.

=> Tạo các hiệu ứng tương tác cho web.

VD :như thế nào là chia sẻ xử lý ?

Chúng ta có form đăng nhập yêu cầu người dùng nhập vào thông tin

+ Tên không dấu

+ password 8 kí tự

....

+ Yêu cầu người dùng nhập đầy đủ cả 2 trường này.

Để kiểm tra có 2 cách :

C1 :  Gửi dữ liệu về server , yêu cầu server kiểm tra tính hợp lệ của dữ liệu...sau đó server gửi lại kết quả cho client.

Mỗi lần nhập đều được gửi cho server ..nếu nhập sai thì sẽ gửi đi gửi lại rất tốn thời gian  cộng thêm gánh nặng về mặt hiệu suất cho server => Đây không phải 1 phương án tối ưu.

C2 : Sử dụng JavaScript để kiểm tra ngay trên trình duyệt 

+ Quá trình kiểm tra rất nhanh.

+ Không phụ thuộc vào đường truyền Internet , cấu hình server .Chỉ phụ thuộc vào trình duyệt và cấu hình máy tính.

=> Quá trình này gọi là chia sẻ xử lý. 

3.Làm cách nào để chèn code JavaScript vào trang web.

=> Có 2 cách nhúng Script : 

Chú ý : Để tối ưu hóa SEO thì chúng ta sẽ dùng cách 2.

=> Đối với Script được nhúng trực tiếp vào trang web Browser sẽ đọc từ trên xuống dưới

=> Đối với File JS được nhúng vào file HTML thì nó sẽ nhúng trước khi ta gọi file HTML nếu không gọi nó sẽ không nhúng

=> Không có sự ưu tiên khi chạy code html và code JavaScript 2 cái cùng thứ tự từ trên xuống dưới.

Demo : 

File Js :

Vd: Tạo sự kiện khi bạn click vào ô textbox thì viền đổi sang màu đỏ và di chuột vào nút button thì nút chuyển sang màu đỏ.

=> Lúc này cặp thẻ script được đặt ở trong thân body (nếu đặt ngoài cặp body thì sẽ không tìm được id)

4.Cú pháp và cách khai báo biến trong JavaScript.

4a.Đổi kiểu dữ liệu.

- Biến tự đổi kiểu dữ liệu và nó lưu trữ.
- Để thực hiện phép toán với 2 kiểu dữ liệu khác nhau trong JavaScript sẽ ưu tiên kết quả sẽ được ép kiểu sang cùng với kiểu của phần tử đầu tiên.

4b. Hàm