Hướng dẫn javascript dom cheat sheet - javascript dom trang ăn gian

Javascript (sau đây gọi là: Js) là một trong những ngôn ngữ phổ biến nhất hiện nay để phát triển website. Việc học và áp dụng thuần thục Js là một điều vô cùng có ích cho mọi người

Bookmark nào

 Bạn có thể Bookmark lại trang này để có gì sau này tham khảo nha

Tìm hiểu chung về Js

Lịch sử và khái niệm

  • Js là ngôn ngữ lập trình thường được dùng nhiều nhất cho các nội dung động (dynamic) theo kịch bản (scripts) ở phía máy khách trên trang web. Nhưng nó cũng được dùng ở phía máy chủ sử dụng trình chạy là Node.js

    Javascript không phải là Java. ĐÂy là hai ngôn ngữ khác nhau hoàn toàn từ cú pháp, cách dùng… không phải là Java. ĐÂy là hai ngôn ngữ khác nhau hoàn toàn từ cú pháp, cách dùng…

  • Js được dùng trên trình duyệt mở ra khả năng cho lập trình viên thao tác với nội dung trang web thông qua DOM (Document Object Model). Thao tác với dữ liệu thông qua AJAX và indexDB, vẽ biểu đồ với canvas, tương tác với thiết bị thông qua trình duyệt với nhiều loại API. Js là một trong những ngôn ngữ thông dụng nhất.DOM (Document Object Model). Thao tác với dữ liệu thông qua AJAXindexDB, vẽ biểu đồ với canvas, tương tác với thiết bị thông qua trình duyệt với nhiều loại API. Js là một trong những ngôn ngữ thông dụng nhất.

  • Js được phát triển bởi Brendan Eich khoảng thời gian tháng 9 năm 1995 khi làm cho công ty Netscape với cái tên đầu tiên là Mocha sau đó đổi tên thành LiveScript và cuối cùng thành JavaScript. Phiên bản mới nhất của Js là ECMAScript 7Brendan Eich khoảng thời gian tháng 9 năm 1995 khi làm cho công ty Netscape với cái tên đầu tiên là Mocha sau đó đổi tên thành LiveScript và cuối cùng thành JavaScript. Phiên bản mới nhất của Js là ECMAScript 7

  • Ta có thể ví Js là lớp bánh thứ 3 của tiêu chuẩn web và hai lớp kia là HTML và CSS. Trong đóHTMLCSS. Trong đó

    • HTML là ngôn ngữ đánh dấu văn bản dùng để bố cục và ghi ý nghĩa cho nội dung trang web ví dụ như xác định đoạn văn, tiêu đề, bảng biểu, hình ảnh là ngôn ngữ đánh dấu văn bản dùng để bố cục và ghi ý nghĩa cho nội dung trang web ví dụ như xác định đoạn văn, tiêu đề, bảng biểu, hình ảnh
    • CSS là ngôn của của phong cách dùng để trang trí cho nội dung trên HTML ví dụ như màu sắc chữ, màu nền… là ngôn của của phong cách dùng để trang trí cho nội dung trên HTML ví dụ như màu sắc chữ, màu nền…
    • JS là ngôn ngữ kịch bản giúp ta tạo ra, cập nhật nội dung động, chuyển động hình ảnh… là ngôn ngữ kịch bản giúp ta tạo ra, cập nhật nội dung động, chuyển động hình ảnh…

Nhúng Js vào web

Ta có hai cách chủ yếu để chạy lệnh Js trên website

  • Nhúng trực tiếp dòng lệnh Js vào tập tin HTML trong phần head hoặc body. Nhưng thường thì gắn vào phần body để đảm bảo tốc độ tải trang và hạn chế lỗi. Cú pháp cho nhúng là
  • Tham chiếu một tập tin có phần mở rộng .js vào trong tập tin HTML với cú pháp

Ta cùng tìm hiểu các phương thức của mảng theo bảng dưới

Phương thứcMô tả & ví dụKết quả
head0 Nối các mảng khác nhau thành một head1
head1
head2
head3 Nối các phần tử trong mảng thành chuỗi mặc định là dấy phẩy “," head4
head4
head5
head6 Trả về thứ tự chỉ số của phần tử tìm được đầu tiên tìm thấy trong mảng bắt đầu từ start head7
head7
head8
head9 Trả về thứ tự chỉ số của phần tử tìm được cuối cùng tìm thấy trong mảng, bắt đầu từ start body0
body0
body1
body2 Sắp xêp theo thứ tự bảng chữ cái của các phần tử trong mảng nếu để trống tham số hoặc theo hàm so sánh là tham số truyền vào body3
body3
body4
body5 Sắp xếp các phần tử theo thứ tự đảo ngược body6
body6
body7
body8 Trả về đối tượng mảng body9
body9
body0
body1 Trích xuất một phần của mảng và trả về mảng mới tính từ vị trí start tới end và không bao gồm end body2
body2
body3
body4 Thay thế một hoặc một số phần tử vào mảng cũ tính từ vị trí I sẽ loại bỏ bao nhiêu remove_item và thay bằng add_1, add_2… body5
body5
body6
body7 Thêm phần tử mới vào vị trí đầu tiên của mảng body8
body8
body9
0 Loại bỏ phần tử đầu tiên của mảng 1
1
2
3 Loại bỏ phần tử cuối cùng của mảng 4
4
5
6 Thêm phần tử vào vị trí cuối cùng của mảng 7
7
8
9 In ra giá trị chuỗi của các phần tử trong mảng cách nhau bởi dấy phẩy “," .js0
.js0
.js1

Operators (Toán tử)

Toán tửGiải thích
.js2 cơ bản Cộng (+)Trừ (-)Nhân (*)Chia lấy dư (%) ví dụ .js3Tăng (++)Giảm (- -)Chia (/)Chạy trong dấu ngoặc trước (…)Số mũ (**)Phép gán (=)
Trừ (-)
Nhân (*)
Chia lấy dư (%) ví dụ .js3
Tăng (++)
Giảm (- -)
Chia (/)
Chạy trong dấu ngoặc trước (…)
Số mũ (**)
Phép gán (=)
.js4 logic .js5Hoặc .js6 Không phải .js7
Hoặc .js6
Không phải .js7
.js8 so sánh Bằng về giá trị (==)Bằng về giá trị và kiểu dữ liệu (===) Không bằng về giá trị (!=)Lớn hơn (>) Nhỏ hơn (=)Không bằng về giá trị và kiểu dữ liệu (!==)Nhỏ hơn hoặc bằng (
Bằng về giá trị và kiểu dữ liệu (===) 
Không bằng về giá trị (!=)
Lớn hơn (>) 
Nhỏ hơn (<) 
Lớn hơn hoặc bằng (>=)
Không bằng về giá trị và kiểu dữ liệu (!==)
Nhỏ hơn hoặc bằng (<=)
Toán tử ba ngôi (?) .js9

Patter modifiers (công cụ sửa đổi mẫu)

Ký tựGiải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
78
Đánh giá sự thay thế
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
79
So sánh không phân biệt chữ hoa, thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
80
So sánh toàn bộ - tìm tất cả kết quả phù hơp
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
82
Coi chuỗi như một dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
83
Cho phép nhận xét và khoảng trắng trong mẫu
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
84
mẫu vô duyên

Brackets (Dấu ngoặc)

Ký tựGiải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
78
Đánh giá sự thay thế
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
79
So sánh không phân biệt chữ hoa, thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
80
So sánh toàn bộ - tìm tất cả kết quả phù hơp
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
82
Coi chuỗi như một dòng

let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
83

Ký tựGiải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
78
Đánh giá sự thay thế
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
79
So sánh không phân biệt chữ hoa, thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
80
So sánh toàn bộ - tìm tất cả kết quả phù hơp
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
82
Coi chuỗi như một dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
83
Cho phép nhận xét và khoảng trắng trong mẫu
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
84
mẫu vô duyên
Brackets (Dấu ngoặc)
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
85
Tìm bất cứ ký tự nào trong dấu ngoặc
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
86
Tìm bất cứ ký tự nào không có trong dấu ngoặc
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
87
Dùng để tìm bất kỳ số nào từ 0 đến 9
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
88
Tìm bất kỳ chữ nào từ chữ Hoa đến chữ thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
89
Tìm bất kỳ lựa chọn thay thế nào được phân tách bằng gạch đứng Metacharacters (Siêu ký tự)
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
90
Tìm một ký tự ngoại trừ dòng mới hoặc chấm dứt dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
91
Ký tự là từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
92
Ký tự không phải là từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
93
Một chữ số
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
94
Không phải là một chữ số

let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
95

Ký tựGiải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
78
Đánh giá sự thay thế
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
79
So sánh không phân biệt chữ hoa, thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
80
So sánh toàn bộ - tìm tất cả kết quả phù hơp
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
82
Coi chuỗi như một dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
83
Cho phép nhận xét và khoảng trắng trong mẫu
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
84
mẫu vô duyên
Brackets (Dấu ngoặc)
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
85

Tìm bất cứ ký tự nào trong dấu ngoặc

let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
86

Tìm bất cứ ký tự nào không có trong dấu ngoặc Giải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
78
Đánh giá sự thay thế
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
79
So sánh không phân biệt chữ hoa, thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
80
So sánh toàn bộ - tìm tất cả kết quả phù hơp
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
82
Coi chuỗi như một dòng

let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
83

Cho phép nhận xét và khoảng trắng trong mẫu Giải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
78
Đánh giá sự thay thế
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
79
So sánh không phân biệt chữ hoa, thường
a.toExponential(2);
// kết quả 3.14e+0
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
80
So sánh toàn bộ - tìm tất cả kết quả phù hơp
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
81
a.toFixed(2);
// kết quả 3.14
Kết hợp nhiều dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
82
Coi chuỗi như một dòng
a.to{Precision(2);
// kết quả 3.5
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
83
Cho phép nhận xét và khoảng trắng trong mẫu
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
84
x.valueOf();

mẫu vô duyên

Tìm bất cứ ký tự nào không có trong dấu ngoặc Giải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
87
Dùng để tìm bất kỳ số nào từ 0 đến 9
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
88
Tìm bất kỳ chữ nào từ chữ Hoa đến chữ thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
89
Tìm bất kỳ lựa chọn thay thế nào được phân tách bằng gạch đứng
Metacharacters (Siêu ký tự)
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
90
Tìm một ký tự ngoại trừ dòng mới hoặc chấm dứt dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
91
Ký tự là từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
92
Ký tự không phải là từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
93
Một chữ số
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
94

Không phải là một chữ số

Cho phép nhận xét và khoảng trắng trong mẫu Giải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
84
mẫu vô duyên
Brackets (Dấu ngoặc)
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
85
Tìm bất cứ ký tự nào trong dấu ngoặc
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
86
Tìm bất cứ ký tự nào không có trong dấu ngoặc
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
87
Dùng để tìm bất kỳ số nào từ 0 đến 9
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
88
Tìm bất kỳ chữ nào từ chữ Hoa đến chữ thường
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
89
Tìm bất kỳ lựa chọn thay thế nào được phân tách bằng gạch đứng Metacharacters (Siêu ký tự)
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
90
Tìm một ký tự ngoại trừ dòng mới hoặc chấm dứt dòng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
91
Ký tự là từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
92
Ký tự không phải là từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
93
Một chữ số
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
94
Không phải là một chữ số
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
95
Ký tự khoảng trắng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
96
Ký tự không phải là khoảng trắng
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
97
Tìm môt ký tự kết hợp ở đầu/cuối một từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
98
Một kết quả không khớp đầu/cuối một từ
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
99
Ký tự Null
Js00 Ký tự dòng mới

Js01

Ký tự nguồn cung cấp dữ liệu biểu mẫu

Cho phép nhận xét và khoảng trắng trong mẫu Giải thích
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
84
mẫu vô duyên
Brackets (Dấu ngoặc)
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
85
Tìm bất cứ ký tự nào trong dấu ngoặc
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
86
Tìm bất cứ ký tự nào không có trong dấu ngoặc
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
87
Dùng để tìm bất kỳ số nào từ 0 đến 9
let diem = 6

if(diem > 9) {
  document.write(" Giỏi ")
} else if (diem >7) {
  document.write ("Khá")
} else if (diem >5) {
  document.write("Trung bình")
} else {
  document.write("Yếu")
}
88
Js59 Năm dưới dạng 4 chữ số
Js60 Lấy giờ dưới dạng (0-23)
Js61 Lấy mili giây trong khoảng (0-999)
Js62 Lấy phút trong khoảng (0-59)
Js63 Lấy tháng trong khoảng (0-11)
Js64 Lấy giây trong khoảng (0-59)
Js65 Lấy mili giấy từ 1/1/1970
Js66 Lấy ngày (thứ) của tháng trong ngày cụ thể theo giờ quốc tế (UTC) và cũng có sẵn cho ngày, tháng, năm, giờ, phút…
Js67 Đặt ngày dưới dạng số
Js68 Đặt năm (tùy chọn ngày tháng)
Js69 Đặt giờ (0-23)
Js70 Đặt mili giây (0-999)
Js71 Đặt phút (0-59)
Js72 Đặt tháng (0-11)
Js73 Đặt giây (0-59)
Js74 Đặt thời gian tính từ 1/1/1970
Js75 Đặt ngày (thứ) của tháng trong ngày cụ thể theo giờ quốc tế (UTC) và cũng có sẵn cho ngày, tháng, năm, giờ, phút…

DOM

DOM (Document Object Model) là code của cấu trúc trang. Phần tử trong HTML (có tên gọi khác là Nốt - Node) có thể dễ dàng bị biến đổi, bị thao tác qua Javascript.Document Object Model) là code của cấu trúc trang. Phần tử trong HTML (có tên gọi khác là Nốt - Node) có thể dễ dàng bị biến đổi, bị thao tác qua Javascript.

NodeList & HTML Collection

HTML collection và NodeList khác nhau cơ bản là một cái động và một cái tĩnh. Cái động sẽ nhận ra khi có một phần tử mới được gắn vào DOM trong khi đó cái tĩnh thì không.

  • Phương thức trong HTML như Js76 và Js77 trả về tập hợp phần tử động chỉ có phần tử khớp (class name hoặc tag name) và không bao gồm textđộng chỉ có phần tử khớp (class name hoặc tag name) và không bao gồm text
  • NoteList Js78 trả về một NodeList tĩnh, nó trông giống mảng (array) nhưng không phải mảng

Node properties

Thuộc tínhGiải thích
Js79 Trả về tất cả thuộc tính của phần tử đó
Js80 Trả về đường dẫn tuyệt đối URL của một phần tử
Js81 Tên của một Node
Js82 Loại của Node
Js83 Đặt hay nhận giá trị của một Node
Js84 Node cha của một phần tử
Js85 Tất cả Node con của một phần tử
Js86 Node con đầu tiên của một phần tử
Js87 Node con cuối cùng của một phần tử
Js88 Cấp cao nhất của node hiện tại
Js89 Node ngay trước Node hiện tại
Js90 Node tiếp theo trong cùng một cấp độ trong cây
Js91 Đặt hoặc trả về nội dung văn bản của một node và các node con của nó

Node Method

Phương thứcGiải thích
Js79 Trả về tất cả thuộc tính của phần tử đó
Js80 Trả về đường dẫn tuyệt đối URL của một phần tử
Js81 Tên của một Node
Js82 Loại của Node
Js83 Đặt hay nhận giá trị của một Node
Js84 Node cha của một phần tử
Js85 Tất cả Node con của một phần tử
Js86 Node con đầu tiên của một phần tử
Js87 Node con cuối cùng của một phần tử
Js88 Cấp cao nhất của node hiện tại
Js89 Node ngay trước Node hiện tại
Js90 Node tiếp theo trong cùng một cấp độ trong cây
Js91 Đặt hoặc trả về nội dung văn bản của một node và các node con của nó
Node MethodPhương thức
Js92 Sao chép một phần tử HTML
Js93 So sánh vị trí tài liệu của hai phần tử

Js94

Phương thứcGiải thích
Js79 Trả về tất cả thuộc tính của phần tử đó
Js80 Trả về đường dẫn tuyệt đối URL của một phần tử
Js81 Tên của một Node
Js82 Loại của Node
Js83 Đặt hay nhận giá trị của một Node
Js84 Node cha của một phần tử
Js85 Tất cả Node con của một phần tử
Js86 Node con đầu tiên của một phần tử
Js87 Node con cuối cùng của một phần tử
Js88 Cấp cao nhất của node hiện tại
Js89 Node ngay trước Node hiện tại
Js90 Node tiếp theo trong cùng một cấp độ trong cây
Js91 Đặt hoặc trả về nội dung văn bản của một node và các node con của nó
Node MethodPhương thức
Js92 Sao chép một phần tử HTML

Js93

So sánh vị trí tài liệu của hai phần tử

Thuộc tínhGiải thích
Js79 Trả về tất cả thuộc tính của phần tử đó
Js80 Trả về đường dẫn tuyệt đối URL của một phần tử
Js81 Tên của một Node
Js82 Loại của Node
Js83 Đặt hay nhận giá trị của một Node
Js84 Node cha của một phần tử
Js85 Tất cả Node con của một phần tử
head31 Đối tượng lịch sử của cửa sổ
head32 Chiều cao bên trong của phần nội dung trong cửa sổ
head33 Chiều dài bên trong của phần nội dung trong cửa sổ
head34 Số lượng của head30 trong cửa sổ
head36 Đối tượng location của cửa sổ
head37 Đặt hoặc lấy tên cửa sổ
head38 Trả về đối tượng Điều hướng (Navigator) cho cửa sổ
head39 Tham chiếu đến cửa sổ đã tạo cửa sổ hiện tại
head40 Chiều cao bên ngoài cửa sổ bao gồm thanh công cụ/thanh cuộn
head41 Chiều rông bên ngoài cửa sổ bao gồm thanh công cụ/thanh cuộn
head42 Số pixel mà tài liệu đã cuộn theo chiều ngang
head43 Số pixel mà tài liệu đã cuộn theo chiều dọc
head44 Trả về đối tượng Màn hình cho cửa sổ
head45 Tọa độ ngang của cửa sổ
head46 Tọa độ dọc của cửa sổ
head47 Tọa độ ngang của cửa sổ
head46 Tọa độ dọc của cửa sổ
head47 head48

head49

Đặt hoặc lấy tiêu đề trong thanh trạng thái của cửa sổ Window Method
Phương thứcGiải thích
head50 Hiện hộp thoại cảnh báo có nút OK
head51 Loại bỏ tập trung vào cửa sổ hiện tại
head52 Xóa bộ hẹn giờ bằng setTimeout()
head53 Xóa bộ hẹn giờ bằng setInterval()
head54 Đóng cửa sổ hiện tại
head55 Mở một cửa sổ mới
head56 Dừng tải trang cửa sổ hiện tại
head57 Hiện hộp thoại có nút Ok và cancel
head58 Đặt tập trung vào cửa sổ hiện tại
head59 Di chuyển một cửa sổ so với vị trí hiện tại của nó
head60 Di chuyển một cửa sổ so tới vị trí nhất định
head61 In nội dung của cửa sổ hiện tại
head62 Hiện hộp thoại cho người dùng điền vào và xác nhận
head63 Thay đổi kích cỡ cửa sổ theo số pixel đã cho
head64 Thay đổi kích cỡ cửa sổ theo chiều dài, rộng đã cho
head65 Cuộn trang tới vị trí pixel đã cho
head66 Cuộn trang tới tọa độ đã cho
head67 Gọi hàm hoặc đánh giá một biểu thức trong các khoảng thời gian đã cho

head68

Đặt hoặc lấy tiêu đề trong thanh trạng thái của cửa sổ Window Method
Phương thứcGiải thích
head50 Hiện hộp thoại cảnh báo có nút OK
head51 Loại bỏ tập trung vào cửa sổ hiện tại
head52 Xóa bộ hẹn giờ bằng setTimeout()
head53 Xóa bộ hẹn giờ bằng setInterval()
head54 Đóng cửa sổ hiện tại

head55

Mở một cửa sổ mới

Đặt hoặc lấy tiêu đề trong thanh trạng thái của cửa sổ Window Method
Phương thứcGiải thích
head50 Hiện hộp thoại cảnh báo có nút OK
head51 Loại bỏ tập trung vào cửa sổ hiện tại
head52 Xóa bộ hẹn giờ bằng setTimeout()
head53 Xóa bộ hẹn giờ bằng setInterval()
head54 Đóng cửa sổ hiện tại
head55 Mở một cửa sổ mới
head56 Dừng tải trang cửa sổ hiện tại
head57 Hiện hộp thoại có nút Ok và cancel
head58 Đặt tập trung vào cửa sổ hiện tại

head59

Đặt hoặc lấy tiêu đề trong thanh trạng thái của cửa sổ Window Method
Phương thứcGiải thích
head50 Hiện hộp thoại cảnh báo có nút OK
head51 Loại bỏ tập trung vào cửa sổ hiện tại

head52

Đặt hoặc lấy tiêu đề trong thanh trạng thái của cửa sổ Window Method
Phương thứcGiải thích
head50 Hiện hộp thoại cảnh báo có nút OK
head51 Loại bỏ tập trung vào cửa sổ hiện tại
head52 Xóa bộ hẹn giờ bằng setTimeout()
head53 Xóa bộ hẹn giờ bằng setInterval()
head54 Đóng cửa sổ hiện tại
head55 Mở một cửa sổ mới
head56 Dừng tải trang cửa sổ hiện tại
head57 Hiện hộp thoại có nút Ok và cancel
head58 Đặt tập trung vào cửa sổ hiện tại

head59

Đặt hoặc lấy tiêu đề trong thanh trạng thái của cửa sổ Window Method
Phương thứcGiải thích
head50 Hiện hộp thoại cảnh báo có nút OK
head51 Loại bỏ tập trung vào cửa sổ hiện tại
head52 Xóa bộ hẹn giờ bằng setTimeout()
head53 Xóa bộ hẹn giờ bằng setInterval()
head54 Đóng cửa sổ hiện tại
head55 Mở một cửa sổ mới
head56 Dừng tải trang cửa sổ hiện tại
head57 Hiện hộp thoại có nút Ok và cancel
head58 Đặt tập trung vào cửa sổ hiện tại
head59 Di chuyển một cửa sổ so với vị trí hiện tại của nó

head60

Đặt hoặc lấy tiêu đề trong thanh trạng thái của cửa sổ Window Method
Phương thứcMột phần tử được kéo
body12 Phần tử đang được kéo thì được thả vào mục tiêu thả
body13 Người dùng bắt đầu kéo một phần tử
body14 Người dũng đã hoàn thành kéo một phần tử
body15 Phần tử đang được kéo đi vào mục tiêu thả
body16 Một phần tử đang được kéo rời khỏi mục tiêu thả
body17 Phần tử đang được kéo thì nằm bên trên mục tiêu thả

6. Clipboard

Phương thứcGiải thích
body18 Sự kiện xảy ra khi người dùng cắt nội dung của một phần tử
body19 Sự kiện xảy ra khi người dùng sao chép nội dung của một phần tử
body20 Sự kiện xảy ra khi người dùng dán nội dung của một phần tử

7. Media

Phương thứcGiải thích
body18 Sự kiện xảy ra khi người dùng cắt nội dung của một phần tử
body19 Sự kiện xảy ra khi người dùng sao chép nội dung của một phần tử
body20 Sự kiện xảy ra khi người dùng dán nội dung của một phần tử
7. Mediahead88
Quá trình tải phương tiện bị hủy bỏ body22
Phương tiện kết thúc head91
Xảy ra khi một lỗi xuất hiện trong khi tải một tập tin bên ngoài body24
Trình duyệt có thể bắt đầu phát phương tiện body25
Trình duyệt có thể phát phương tiện mà không phải dừng lại body26
Thay đổi thời lượng của phương tiện body27
Đã tải dữ liệu phương tiện body28
Đã tải metadata (ví dụ: kích thước, thời lượng) body29
Trình duyệt bắt đầu tìm kiếm phương tiện đã cho body30
Phương tiện dừng phát bởi người dùng hoặc tự động body31
Phương tiện đã được phát và không còn bị tạm dừng body32
Phương tiện được phát sau khi bị tạm dừng hoặc dừng để lưu vào bộ nhớ đệm body33
Trình duyệt đang trong quá trình tải phương tiện body34
Tốc độ phát của phương tiện thay đổi body35
Người dùng đã hoàn tất di chuyển / chuyển qua một vị trí mới trong phương tiện body36
Người dùng bắt đầu di chuyển/ chuyển sang body37
Trình duyệt đang cố gắng tải phương tiện nhưng không khả dụng body38

Phương tiện bị tạm dừng nhưng dự kiến sẽ tiếp tục (giống như trường hợp bộ nhớ đệm)

Phương thứcGiải thích
body18 Sự kiện xảy ra khi người dùng cắt nội dung của một phần tử
body19 Sự kiện xảy ra khi người dùng sao chép nội dung của một phần tử
body20 Sự kiện xảy ra khi người dùng dán nội dung của một phần tử

7. Media

Phương thứcGiải thích
body18 Sự kiện xảy ra khi người dùng cắt nội dung của một phần tử
body19 Sự kiện xảy ra khi người dùng sao chép nội dung của một phần tử
body20 Sự kiện xảy ra khi người dùng dán nội dung của một phần tử
7. Mediahead88
Quá trình tải phương tiện bị hủy bỏ body22
Phương tiện kết thúc head91
Xảy ra khi một lỗi xuất hiện trong khi tải một tập tin bên ngoài body24
Trình duyệt có thể bắt đầu phát phương tiện body25
Trình duyệt có thể phát phương tiện mà không phải dừng lại body26
Thay đổi thời lượng của phương tiện body27
Đã tải dữ liệu phương tiện body28
Đã tải metadata (ví dụ: kích thước, thời lượng) body29
Trình duyệt bắt đầu tìm kiếm phương tiện đã cho body30

Phương tiện dừng phát bởi người dùng hoặc tự động

Phương thứcGiải thích
body18 Sự kiện xảy ra khi người dùng cắt nội dung của một phần tử
body19 Sự kiện xảy ra khi người dùng sao chép nội dung của một phần tử
body20 Sự kiện xảy ra khi người dùng dán nội dung của một phần tử
7. Mediahead88

Quá trình tải phương tiện bị hủy bỏ

body22
body62
body63

Phương tiện kết thúc Giải thích
body18 Sự kiện xảy ra khi người dùng cắt nội dung của một phần tử
body19 Sự kiện xảy ra khi người dùng sao chép nội dung của một phần tử
body20 Sự kiện xảy ra khi người dùng dán nội dung của một phần tử
7. Mediahead88
Quá trình tải phương tiện bị hủy bỏ body22
Phương tiện kết thúc head91