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 JavaScript
Hướng dẫn này sẽ xem xét nhanh các kiểu dữ liệu JavaScript quan trọng nhất.
Các biến JavaScript có thể là:
- Con số
- Dây
- Các đối tượng
- Mảng
- Chức năng
Các biến JavaScript
Các biến JavaScript là vùng chứa để lưu trữ các giá trị dữ liệu.
Trong ví dụ này, x, y và z, là các biến:
Thí dụ
var x = 5;
var y = 6;
var z = x + y;
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 với hoặc không có số thập phân.
Thí 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 kép.
Số 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%:
Thí dụ
var x = 0.2 + 0.1; // x will be 0.30000000000000004
Chuỗi JavaScript
Chuỗi lưu trữ văn bản . Các 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 kép hoặc đơn :
Thí dụ
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Độ dài của một chuỗi được tìm thấy trong độ dài thuộc tính được tích hợp sẵn :
Thí dụ
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Đối tượng JavaScript
Bạn đã biết rằng các biến JavaScript là vùng chứa các giá trị dữ liệu.
Mã này chỉ định một giá trị đơn giản (Fiat) cho một biến có tên là ô tô:
var car = "Fiat";
Đối tượng cũng là biến. Nhưng các đối tượng có thể chứa nhiều giá trị.
Mã này chỉ định nhiều giá trị (Fiat, 500, màu trắng) cho một biến có tên là ô tô:
var car = {type:"Fiat", model:"500", color:"white"};
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.
Thí dụ
var cars = ["Saab", "Volvo", "BMW"];
Các 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 "cái gì đó" gọi nó (gọi nó).
Thí dụ
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
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 JavaScript là getElementById () .
Ví dụ này sử dụng phương pháp để "tìm" một phần tử HTML (với id = "demo") và thay đổi nội dung phần tử ( innerHTML ) thành "Hello JavaScript":
Thí dụ
document.getElementById("demo").innerHTML = "Hello 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 (source) của thẻ <img>:
Bóng đèn
JavaScript có thể thay đổi kiểu HTML (CSS)
Thay đổi kiểu của một phần tử HTML, là một biến thể của việc thay đổi một thuộc tính HTML:
Thí dụ
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
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ị:
Thí dụ
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
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ị:
Thí dụ
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Hướng dẫn JavaScript đầy đủ
Đây là một mô tả ngắ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 đầy đủ về JavaScript, hãy truy cập Tài liệu tham khảo JavaScript của W3Schools .