🌀11-Giới thiệu Javascript

Javascript là gì ?

Javascript (JS) là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có sẵn hoặc tự định nghĩa. Javascript được sử dụng rộng rãi trong các ứng dụng Website. Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome, ... trên máy tính lẫn điện thoại.

Nhiệm vụ của nó là xử lý những đối tượng HTML trên trình duyệt. Nó có thể can thiệp với các hành động như thêm / xóa / sửa các thuộc tính CSS và các thẻ HTML một cách dễ dàng. Hay nói cách khác, Javascript là một ngôn ngữ lập trình trên trình duyệt ở phía client. Tuy nhiên, hiện nay với sự xuất hiện của một số Javascript Framework đã có thể xử lý ở phía server

Một số hiệu ứng của website, slide ảnh, menu đổ xuống,... mà bạn hay gặp thì đó chính là sử dụng javascript để tương tác với HTML.

Ưu và nhược điểm của Javascript

• Ưu điểm:

  • Javascript giúp thao tác với người dùng ở phía client và tách biệt giữa các client.

  • Javascript có thể hoạt động trên nhiều nền tảng khác nhau, từ Windows, macOS cho đến các hệ điều hành trên mobile.

  • Javascript là một ngôn ngữ dễ tiếp cận, nhẹ, bạn sẽ dễ dàng học nó mà không cần phải cài đặt quá nhiều phần mềm.

• Nhược điểm:

  • Có thể can thiệp và thực thi một số lệnh bằng javascript ngay trên chính trình duyệt.

Cách nhúng Javascript vào website

Cũng giống như CSS, Javascript có 3 cách để nhúng vào website như sau:

Cách 1: Chèn trực tiếp mã javascript vào thẻ HTML (inline)

Cách 2: Chèn mã javascript vào thẻ <script> </script>, chúng ta có thể đặt cặp thẻ này trong thẻ head hoặc thẻ body.

Cách 3: Viết mã javascript vào 1 flie riêng với đuôi mở rộng .js và sau đó nhúng file js vào website bằng cách khai báo thẻ script có thuộc tính src là đường dẫn đến file có đuôi js đã tạo.

Thực hành một số hàm thông báo trong Js

Hàm alert()

- Hàm alert() có nhiệm vụ hiển thị ra màn hình một hộp thoại thông báo kèm nội dung được thiết lập.

- Cú pháp:

alert("Chào mừng bạn đến với Khoa CNTT.")

- Kết quả:

Hàm confirm()

- Hàm confirm () có tác dụng tạo ra thông báo dạng xác nhận. Nó cũng xuất hiện hộp thoại như hàm alert(), tuy nhiên kèm theo nó là hai button là OK và Cancel.

Hàm sẽ trả về true nếu xác nhận ok và false nếu cancel

- Cú pháp:

var result = confirm("Bạn có đang học lập trình?");

- Kết quả:

Hàm prompt ()

- Hàm prompt () sẽ hiển thị ra hộp thoại với thông báo và một ô input cho chúng ta nhập nội dung. Nếu người dùng chọn Cancel thì hàm này sẽ trả về false, còn nhập nội dung thì hàm sẽ trả về nội dung trong ô input.

- Cú pháp:

var result = name = prompt("Bạn tên là gì?");

- Kết quả:

Một số ứng dụng nhỏ viết bằng Javascript

Xây dựng máy tính cá nhân bằng Javascript

Tạo đồng hồ đếm giờ bằng Javascript

Tóm tắt nội dung buổi học

Qua buổi học chúng ta đã được tìm hiểu một số nội dung sau:

• Javascript là gì? Có những ưu điểm và nhược điểm gì.

• Cách nhúng javascript vào website.

• Các hàm thông báo cơ bản trong javascript.

• Một số ứng dụng viết bằng javascipt.