JavaScript là gì?
JavaScript là Ngôn ngữ lập trình cho Web.
JavaScript có thể cập nhật và thay đổi cả HTML và CSS.
JavaScript có thể tính toán , thao tác và xác thực dữ liệu.
Hướng dẫn bắt đầu nhanh về JavaScript
Hướng dẫn này sẽ xem nhanh các loại dữ liệu JavaScript quan trọng nhất.
Các biến JavaScript có thể là:
- số
- Dây
- Các đối tượng
- Mảng
- Chức năng
Biến JavaScript
Biến JavaScript là vùng chứa để lưu trữ giá trị dữ liệu.
Trong ví dụ này, x, y và z là các biến:
Từ ví dụ trên, bạn có thể mong đợi:
- x lưu trữ giá trị 5
- y lưu trữ giá trị 6
- z lưu trữ giá trị 11
Số JavaScript
JavaScript chỉ có một loại số. Số có thể được viết có hoặc không có số thập phân.
Ví dụ
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Tất cả các số được lưu trữ dưới dạng số dấu phẩy động có độ chính xác gấp đôi.
Số thập phân tối đa là 17, nhưng dấu phẩy động không phải lúc nào cũng chính xác 100%:
Chuỗi JavaScript
Chuỗi lưu trữ văn bản . Chuỗi được viết bên trong dấu ngoặc kép. Bạn có thể sử dụng dấu ngoặc đơn hoặc dấu ngoặc kép:
Ví dụ
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Hãy tự mình thử »Độ dài của một chuỗi được tìm thấy trong thuộc tính tích hợp length :
Đối tượng JavaScript
Bạn đã biết rằng các biến JavaScript là nơi chứa các giá trị dữ liệu.
Mã này gán một giá trị đơn giản (Fiat) cho một biến có tên car:
var car = "Fiat";
Hãy tự mình thử »Các đối tượng cũng là các biến. Nhưng các đối tượng có thể chứa nhiều giá trị.
Mã này gán nhiều giá trị (Fiat, 500, màu trắng) cho một biến có tên car:
var car = {type:"Fiat", model:"500", color:"white"};
Hãy tự mình thử »Mảng JavaScript
Mảng JavaScript được sử dụng để lưu trữ nhiều giá trị trong một biến duy nhất.
Hàm JavaScript
Hàm JavaScript là một khối mã được thiết kế để thực hiện một tác vụ cụ thể.
Một hàm JavaScript được thực thi khi "thứ gì đó" gọi nó (gọi nó).
Ví dụ
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Hãy tự mình thử »JavaScript có thể làm gì?
Phần này chứa một số ví dụ về những gì JavaScript có thể làm:
- JavaScript có thể thay đổi nội dung HTML
- JavaScript có thể thay đổi giá trị thuộc tính HTML
- JavaScript có thể thay đổi kiểu HTML (CSS)
- JavaScript có thể ẩn các phần tử HTML
- JavaScript có thể hiển thị các phần tử HTML
JavaScript có thể thay đổi nội dung HTML
Một trong nhiều phương thức HTML của JavaScript là getElementById() .
Ví dụ này sử dụng phương thức để "tìm" một phần tử HTML (với id="demo") và thay đổi nội dung phần tử ( InnerHTML ) thành "Xin chào JavaScript":
JavaScript có thể thay đổi giá trị thuộc tính HTML
Trong ví dụ này, JavaScript thay đổi giá trị của thuộc tính src (nguồn) của thẻ <img>:
JavaScript có thể thay đổi kiểu HTML (CSS)
Thay đổi kiểu của phần tử HTML là một biến thể của việc thay đổi thuộc tính HTML:
Ví dụ
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
Hãy tự mình thử »JavaScript có thể ẩn các phần tử HTML
Việc ẩn các phần tử HTML có thể được thực hiện bằng cách thay đổi kiểu hiển thị:
Ví dụ
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
Hãy tự mình thử »JavaScript có thể hiển thị các phần tử HTML
Việc hiển thị các phần tử HTML ẩn cũng có thể được thực hiện bằng cách thay đổi kiểu hiển thị:
Ví dụ
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Hãy tự mình thử »Hướng dẫn JavaScript đầy đủ
Đây là mô tả ngắn gọn về JavaScript.
Để có hướng dẫn JavaScript đầy đủ, hãy truy cập Hướng dẫn JavaScript của W3Schools .
Để có tài liệu tham khảo JavaScript đầy đủ, hãy truy cập Tài liệu tham khảo JavaScript của W3Schools .