Cho dù bạn vẫn đang học Javascript hay là một nhà phát triển nâng cao, thì việc giữ một trang tham khảo cho các lệnh JavaScript phổ biến có thể hữu ích. Chúng tôi đã biên soạn một trang lừa đảo JavaScript có thể tải xuống để luôn ở gần bàn làm việc của bạn
Nhưng trước tiên, hãy tóm tắt lại JavaScript là gì và nó hoạt động như thế nào.
JavaScript là gì?
JavaScript là ngôn ngữ lập trình được sử dụng để tạo các yếu tố tương tác của trang web, như bản đồ, cuộn video và hoạt ảnh. Nó hoạt động song song với các ngôn ngữ mã hóa khác, như HTML và CSS
Sự khác biệt giữa JavaScript, HTML và CSS là gì?
JavaScript, HTML và CSS đều là những ngôn ngữ lập trình có sự khác biệt lớn.
- HTML là ngôn ngữ được sử dụng để xác định văn bản và tiêu đề, cũng như nhúng hình ảnh trên trang web
- CSS là ngôn ngữ được sử dụng để áp dụng kiểu dáng cho nội dung HTML, như màu sắc và phông chữ.
- JavaScript là ngôn ngữ tạo ra nội dung tương tác và động như đồ họa chuyển động, bản đồ, cuộn video, v.v.
Vị trí của JavaScript trên trang web của bạn
JavaScript sits in the HTML of your webpages. It needs to be bookended by tags. For example:
//JS code goes here
Bạn cũng có thể thêm JavaScript của mình vào một tệp và liên kết tới tệp đó trong mã HTML của bạn. Hình thức liên kết này, đôi khi được gọi là "liên kết JavaScript bên ngoài", giúp bạn theo dõi mã của mình
Cách viết JavaScript
Có nhiều loại mã JavaScript, bao gồm
- Biến. Biến là phần tử có thể thay đổi [i. e. một giá trị dữ liệu có thể được thay đổi. ]
- nhà điều hành. Cũng như các ngôn ngữ lập trình khác, một toán tử vận hành một hoặc nhiều giá trị dữ liệu để tạo ra kết quả
- Chức năng. Một chức năng nhận một đầu vào và tạo ra một đầu ra liên quan. Đây thường là một tập hợp các câu lệnh thực hiện một nhiệm vụ để tạo ra một kết quả
- vòng lặp. Điều này lặp lại một khối mã cho đến khi đáp ứng các điều kiện nhất định
- Câu lệnh If - Else. Giống như một lưu đồ, Câu lệnh If-Else chạy các khối mã nếu một số điều kiện nhất định là đúng. Nếu các điều kiện là sai, một khối mã khác sẽ được chạy
- Dây. Chuỗi là một cách để lưu trữ văn bản. Trong chuỗi, ký tự đầu tiên là 0, ký tự thứ hai là 1, ký tự thứ ba là 2, v.v.
- Biểu thức chính quy. Còn được gọi là biểu thức hữu tỷ, biểu thức chính quy là một chuỗi ký tự trong một mẫu được sử dụng để so khớp các tổ hợp ký tự
- Số và Toán. Numbers và Math là các thuộc tính tĩnh cho các hằng số và hàm toán học
- ngày. Như tên cho thấy, ngày trong JavaScript là một thời điểm có thể cụ thể như một phần nghìn giây cụ thể vào bất kỳ ngày cụ thể nào
- Nút DOM. Nút DOM là một cách cho phép JavaScript tự động cập nhật nội dung của trang
- Sự kiện. Sự kiện là bất kỳ thay đổi hoặc cập nhật nào đối với trang web xảy ra khi mã JavaScript đang được chạy
Bảng mã lệnh JavaScript
Khi làm việc với JavaScript, hãy thử 'bảng tóm tắt' các lệnh JavaScript hoàn chỉnh của chúng tôi.
Biến
Đây là những phần tử có thể thay đổi, có thể bao gồm biến, kiểu dữ liệu và mảng
var
Biến phổ biến nhất. Biến var di chuyển lên trên cùng khi mã được thực thi
hăng sô
Một biến không thể được chỉ định lại và không thể truy cập được trước khi chúng xuất hiện trong mã
để cho
Biến let có thể được gán lại nhưng không được khai báo lại
tuổi thay đổi = 23
số
var x
Biến
var a = "init"
Văn bản [chuỗi]
biến b = 1 + 2 + 3
hoạt động
var c = đúng
Tuyên bố đúng hay sai
hằng số PI = 3. 14
hằng số
tên var = {tên đầu tiên. "John", họ Tên. ”doe”}
Các đối tượng
concat[]
Nối nhiều mảng thành một
Chỉ số[]
Trả về vị trí đầu tiên mà tại đó một phần tử đã cho xuất hiện trong một mảng
tham gia[]
Kết hợp các phần tử của một mảng thành một chuỗi và trả về chuỗi
lastIndexOf[]
Đưa ra vị trí cuối cùng mà tại đó một phần tử đã cho xuất hiện trong một mảng
nhạc pop[]
Loại bỏ phần tử cuối cùng của một mảng
đẩy[]
Thêm một phần tử mới vào cuối
đảo ngược[]
Đảo ngược thứ tự các phần tử trong mảng
sự thay đổi[]
Xóa phần tử đầu tiên của mảng
lát cắt[]
Kéo một bản sao của một phần của mảng vào một mảng mới 4 24
loại[]
Sắp xếp các phần tử theo thứ tự bảng chữ cái
nối[]
Thêm các phần tử theo một cách và vị trí cụ thể
toString[]
Chuyển đổi các phần tử thành chuỗi
bỏ dịch []
Thêm một yếu tố mới vào đầu
giá trị của[]
Trả về giá trị nguyên thủy của đối tượng được chỉ định
nhà điều hành
Đây là một hoặc nhiều giá trị dữ liệu được sử dụng để tạo ra kết quả, bao gồm Toán tử cơ bản, Toán tử so sánh, Toán tử logic và Toán tử bit
[dấu cộng] +
Phép cộng
-
phép trừ
*
Phép nhân
/
Phân công
[. ] Toán tử nhóm
Toán tử nhóm
%
phần còn lại
[hai dấu cộng] ++
Số gia tăng
--
số giảm
[ 2 dấu bằng nhau] ==
Tương đương với
[3 dấu bằng nhau] ===
Giá trị bằng nhau và loại bằng nhau
=
Không công bằng
==
Không bằng giá trị hoặc không bằng loại
>
Lớn hơn
=
Lớn hơn hoặc bằng
>>
Zero điền sang phải
Chức năng
Chúng thực hiện một nhiệm vụ để tạo ra một đầu ra có liên quan, bao gồm Xuất dữ liệu và Hàm toàn cầu
báo động[]
Một hộp cảnh báo được hiển thị với một nút OK
xác nhận[]
Hiển thị hộp thông báo với các tùy chọn ok/cancel
bảng điều khiển. nhật ký[]
Ghi thông tin vào trình duyệt
tài liệu. viết[]
Viết trực tiếp vào tài liệu HTML
lời nhắc[]
Hộp bật lên cần người dùng nhập liệu
giải mãURI[]
Giải mã Mã định danh tài nguyên đồng nhất [URI] được tạo bởi encodeURI
giải mãURIComponent[]
Giải mã một thành phần URI
mã hóaURI[]
Mã hóa một URI thành UTF-8
encodeURIComponent[]
Mã hóa một URI bằng cách sử dụng các số để biểu thị các chữ cái
đánh giá[]
Đánh giá mã JavaScript được biểu thị dưới dạng chuỗi
isFinite[]
Xác định xem một giá trị đã truyền có phải là một số hữu hạn hay không
isNaN[]
Xác định xem một giá trị có phải là NaN hay không
Con số[]
Trả về một số được chuyển đổi từ đối số của nó
parseFloat[]
Phân tích một đối số và trả về một số dấu phẩy động
parseInt[]
Phân tích đối số của nó và trả về một số nguyên
vòng lặp
Chúng xảy ra cho đến khi một số điều kiện được đáp ứng
vì
Cách phổ biến nhất để tạo vòng lặp trong JavaScript
trong khi
Thiết lập điều kiện cho một vòng lặp
làm trong khi
Kiểm tra lại một lần nữa để xem nếu các điều kiện được đáp ứng
nghỉ
Dừng chu kỳ vòng lặp nếu điều kiện không được đáp ứng
tiếp tục
Bỏ qua các phần của vòng lặp nếu điều kiện được đáp ứng
Câu lệnh If - Else
Chúng được thiết kế để chạy các khối mã nếu một số điều kiện được đáp ứng
nếu [điều kiện] {//}
Nếu một điều kiện được đáp ứng làm điều này
} khác {//}
Nếu một điều kiện không được đáp ứng làm điều này
Dây
Những văn bản lưu trữ này và bao gồm các ký tự thoát và phương thức chuỗi
\'
trích dẫn đơn
\"
báo giá kép
\\
dấu gạch chéo ngược
\b
xóa lùi
\f
Thức ăn dạng
\N
Dòng mới
\ r
Vận chuyển trở lại
\t
máy lập bảng ngang
\v
máy lập bảng dọc
charAt[]
Trả về một ký tự tại một vị trí đã chỉ định
charCodeAt[]
Cung cấp cho bạn unicode của ký tự tại một vị trí đã chỉ định
concat[]
Nối nhiều chuỗi lại với nhau
fromCharCode[]
Chuyển đổi giá trị unicode UTF-16 thành ký tự
Chỉ số[]
Trả về vị trí xuất hiện đầu tiên của một phần tử được chỉ định
lastIndexOf[]
Trả về vị trí xuất hiện cuối cùng của một phần tử được chỉ định
trận đấu[]
Trả về bất kỳ trận đấu nào của một chuỗi
thay thế[]
Tìm và thay thế văn bản cụ thể
Tìm kiếm[]
Tìm kiếm văn bản và trả về vị trí của nó
lát cắt[]
Trích xuất một phần của chuỗi và trả về nó
tách ra[]
Tách một chuỗi thành các chuỗi con và trả về nó ở một vị trí đã chỉ định
chất nền[]
Trích xuất một chuỗi và trả về nó ở một vị trí đã chỉ định
chuỗi con[]
Loại trừ các chỉ số âm, tách một chuỗi thành các chuỗi con và trả về nó ở một vị trí đã chỉ định
toLowerCase[]
Chuyển thành chữ thường
Đến trường hợp trên[]
Chuyển thành chữ hoa
giá trị của[]
Trả về giá trị nguyên thủy của một đối tượng chuỗi
Biểu thức chính quy
Đây là các mẫu, bao gồm bộ sửa đổi mẫu, dấu ngoặc, siêu ký tự và bộ định lượng
e
Đánh giá thay thế
i
Thực hiện khớp không phân biệt chữ hoa chữ thường
g
Thực hiện kết hợp toàn cầu
m
Thực hiện khớp nhiều dòng
s
Coi các chuỗi là một dòng
x
Cho phép nhận xét và khoảng trắng trong mẫu
U
Mô hình không tham lam
[abc]
Tìm bất kỳ ký tự nào giữa các dấu ngoặc
[^abc]
Tìm bất kỳ ký tự nào không có trong ngoặc
[0-9]
Được sử dụng để tìm bất kỳ chữ số nào từ 0 đến 9
[A-z]
Tìm bất kỳ ký tự nào từ chữ hoa A đến chữ thường z
[một. b. c]
Tìm bất kỳ lựa chọn thay thế nào được phân tách bằng
.
Tìm một ký tự đơn, ngoại trừ ký tự xuống dòng hoặc ký tự kết thúc dòng
\w
Ký tự từ
\W
ký tự phi từ
\d
một chữ số
\Đ
Một ký tự không có chữ số
\S
Ký tự khoảng trắng
\S
Ký tự không phải khoảng trắng
\b
Tìm từ khớp ở đầu/cuối của một từ
\B
Một trận đấu không ở đầu/cuối của một từ
\0
ký tự NUL
\N
Ký tự dòng mới
\f
Ký tự nguồn cấp biểu mẫu
\ r
Vận chuyển ký tự trở lại
\t
ký tự tab
\v
Ký tự tab dọc
\xxx
Ký tự được chỉ định bởi một số bát phân xxx
\xdd
Ký tự được chỉ định bởi một số thập lục phân dd
\uxxxx
Ký tự Unicode được chỉ định bởi một số thập lục phân xxxx
n+
Khớp với bất kỳ chuỗi nào chứa ít nhất một n
Số và Toán
Đây là các hàm toán học, bao gồm các thuộc tính số, phương thức số, thuộc tính toán học và phương thức toán học
GIÁ TRỊ TỐI ĐA
Giá trị số tối đa có thể biểu thị trong JavaScript
MIN_VALUE
Giá trị số dương nhỏ nhất có thể biểu thị trong JavaScript
NaN
Giá trị “Không phải là số”
NEGATIVE_INFINITY
Giá trị vô cực âm
POSITIVE_INFINITY
Giá trị vô cực dương
toExponential[]
Trả về một chuỗi có số làm tròn được viết dưới dạng ký hiệu hàm mũ
toFixed[]
Trả về chuỗi số có số thập phân được chỉ định
toPrecision[]
Một chuỗi số được viết với độ dài xác định
toString[]
Trả về một số dưới dạng chuỗi
giá trị của[]
Trả về một số dưới dạng một số
E
số Euler
LN2
Lôgarit tự nhiên của 2
LN10
Lôgarit tự nhiên của 10
LOG2E
logarit cơ số 2 của E
LOG10E
Logarit cơ số 10 của E
số Pi
số pi
SQRT1_2
Căn bậc hai của 1/2
SQRT2
Căn bậc hai của 2
cơ bụng[x]
Trả về giá trị tuyệt đối [dương] của x
ngày
Chúng bao gồm các thời điểm cụ thể và bao gồm cài đặt ngày, kéo các giá trị ngày và giờ cũng như đặt một phần của ngày
rám nắng[x]
Tiếp tuyến của một góc
Ngày tháng[]
Tạo một đối tượng ngày mới với ngày và giờ hiện tại
Ngày[2017, 5, 21, 3, 23, 10, 0]
Tạo một đối tượng ngày tùy chỉnh. Các số đại diện cho năm, tháng, ngày, giờ, phút, giây, mili giây. Bạn có thể bỏ qua bất cứ điều gì bạn muốn ngoại trừ năm và tháng
Ngày["23-06-2017"]
Khai báo ngày dưới dạng chuỗi
hẹn gặp[]
Lấy ngày trong tháng làm số [1-31]
getDay[]
Ngày trong tuần dưới dạng số [0-6]
getFullYear[]
Năm dưới dạng số có bốn chữ số [yyyy]
getHours[]
Nhận giờ [0-23]
getMilliseconds[]
Phần nghìn giây [0-999]
getMinutes[]
Nhận phút [0-59]
getMonth[]
Tháng dưới dạng số [0-11]
getSeconds[]
Nhận thứ hai [0-59]
dành thời gian[]
Nhận mili giây kể từ ngày 1 tháng 1 năm 1970
getUTCDate[]
Ngày [ngày] của tháng trong ngày được chỉ định theo thời gian quốc tế [cũng có sẵn cho ngày, tháng, cả năm, giờ, phút, v.v. ]
phân tích cú pháp
Phân tích cú pháp biểu diễn chuỗi của một ngày và trả về số mili giây kể từ ngày 1 tháng 1 năm 1970
đặt ngày[]
Đặt ngày ở dạng số [1-31]
setFullYear[]
Đặt năm [tùy chọn tháng và ngày]
setHours[]
Đặt giờ [0-23]
setMilliseconds[]
Đặt mili giây [0-999]
setMinutes[]
Đặt phút [0-59]
setMonth[]
Đặt tháng [0-11]
setSeconds[]
Đặt giây [0-59]
cài đặt thời gian[]
Đặt thời gian [mili giây kể từ ngày 1 tháng 1 năm 1970]
setUTCDate[]
Đặt ngày trong tháng cho một ngày cụ thể theo thời gian quốc tế [cũng có sẵn cho ngày, tháng, cả năm, giờ, phút, v.v. ]
Nút DOM
Điều này cho phép JavaScript cập nhật trang web và bao gồm các thuộc tính nút, phương thức nút và phương thức phần tử
thuộc tính
Trả về một bộ sưu tập trực tiếp của tất cả các thuộc tính đã đăng ký và phần tử
cơ sởURI
Cung cấp URL cơ sở tuyệt đối của một phần tử HTML
nút con
Cung cấp một tập hợp các nút con của một phần tử
đứa trẻ đầu tiên
Trả về nút con đầu tiên của một phần tử
con cuối cùng
Nút con cuối cùng của một phần tử
tiếp theoAnh chị em
Cung cấp cho bạn nút tiếp theo ở cùng cấp độ cây nút
Tên nút
Trả về tên của một nút
loại nút
Trả về loại nút
nútGiá trị
Đặt hoặc trả về giá trị của một nút
chủ sở hữuTài liệu
Đối tượng tài liệu cấp cao nhất cho nút này
cha mẹNode
Trả về nút cha của một phần tử
trướcAnh chị em
Trả về nút ngay trước nút hiện tại
văn bảnnội dung
Đặt hoặc trả về nội dung văn bản của một nút và hậu duệ của nó
appendChild[]
Thêm một nút con mới vào một phần tử làm nút con cuối cùng
cloneNode[]
Nhân bản một phần tử HTML
so sánhDocumentPosition[]
So sánh vị trí tài liệu của hai phần tử
getFeature[]
Trả về một đối tượng triển khai các API của một tính năng đã chỉ định
hasAttribute[]
Trả về true nếu một phần tử có bất kỳ thuộc tính nào, ngược lại trả về false
hasChildNodes[]
Trả về true nếu một phần tử có bất kỳ nút con nào, nếu không thì trả về false
chènB Before[]
Chèn một nút con mới trước một nút con hiện có, đã chỉ định
isDefaultNamespace[]
Trả về true nếu namespaceURI được chỉ định là mặc định, ngược lại là false
isEqualNode[]
Kiểm tra xem hai phần tử có bằng nhau không
isSameNode[]
Kiểm tra xem hai phần tử có phải là cùng một nút không
được hỗ trợ[]
Trả về true nếu một tính năng được chỉ định được hỗ trợ trên phần tử
tra cứuNamespaceURI[]
Trả về không gian tênURI được liên kết với một nút đã cho
tra cứuPrefix[]
Trả về một DOMString chứa tiền tố cho một không gian tên nhất địnhURI, nếu có
bình thường hóa[]
Tham gia các nút văn bản liền kề và loại bỏ các nút văn bản trống trong một phần tử
removeChild[]
Xóa một nút con khỏi một phần tử
thay thếChild[]
Thay thế một nút con trong một phần tử
getAttribute[]
Trả về giá trị thuộc tính được chỉ định của một nút phần tử
getAttributeNS[]
Trả về giá trị chuỗi của thuộc tính với không gian tên và tên được chỉ định
getAttributeNode[]
Nhận nút thuộc tính được chỉ định
getAttributeNodeNS[]
Trả về nút thuộc tính cho thuộc tính với không gian tên và tên đã cho
getElementsByTagName[]
Cung cấp một tập hợp tất cả các phần tử con với tên thẻ được chỉ định
getElementsByTagNameNS[]
Trả về một HTMLCollection trực tiếp gồm các phần tử có tên thẻ nhất định thuộc không gian tên đã cho
hasAttribute[]
Trả về true nếu một phần tử có bất kỳ thuộc tính nào, ngược lại trả về false
hasAttributeNS[]
Cung cấp giá trị đúng/sai cho biết phần tử hiện tại trong một không gian tên nhất định có thuộc tính được chỉ định hay không
removeAttribute[]
Xóa một thuộc tính đã chỉ định khỏi một phần tử
removeAttributeNS[]
Xóa thuộc tính đã chỉ định khỏi một phần tử trong một không gian tên nhất định
removeAttributeNode[]
Lấy đi một nút thuộc tính được chỉ định và trả lại nút đã xóa
setAttribute[]
Đặt hoặc thay đổi thuộc tính đã chỉ định thành một giá trị đã chỉ định
setAttributeNS[]
Thêm thuộc tính mới hoặc thay đổi giá trị của thuộc tính với không gian tên và tên đã cho
setAttributeNode[]
Đặt hoặc thay đổi nút thuộc tính đã chỉ định
setAttributeNodeNS[]
Thêm một nút thuộc tính không gian tên mới vào một phần tử
Sự kiện
Đây là những cập nhật do mã JavaScript gây ra và bao gồm chuột, bàn phím, khung, biểu mẫu, kéo, khay nhớ tạm, phương tiện, hoạt ảnh, v.v.
trong một cái nhấp chuột
Sự kiện xảy ra khi người dùng nhấp vào một phần tử
oncontextmenu
Người dùng nhấp chuột phải vào một phần tử để mở menu ngữ cảnh
ondblclick
Người dùng nhấp đúp vào một phần tử
onmousedown
Người dùng nhấn một nút chuột trên một phần tử
onmouseenter
Con trỏ di chuyển lên một phần tử
onmouse rời đi
Con trỏ di chuyển ra khỏi phần tử
onmousemove
Con trỏ đang di chuyển khi nó ở trên một phần tử
onmouseover
Khi con trỏ được di chuyển vào một phần tử hoặc một trong các phần tử con của nó
onmouseout
Người dùng di chuyển con trỏ chuột ra khỏi một phần tử hoặc một trong các phần tử con của nó
onmouseup
Người dùng nhả một nút chuột trong khi trên một phần tử
onkeydown
Khi người dùng đang nhấn một phím xuống
nhấn phím
Thời điểm người dùng bắt đầu nhấn một phím
onkeyup
Người dùng giải phóng một khóa
hủy bỏ
Quá trình tải phương tiện bị hủy bỏ
onb Beforeunload
Sự kiện xảy ra trước khi tài liệu sắp được dỡ xuống
lỗi
Xảy ra lỗi khi tải tệp bên ngoài
onhashchange
Đã có thay đổi đối với phần neo của URL
đang tải
Khi một đối tượng đã được tải
onpagehide
Người dùng điều hướng khỏi một trang web
onpageshow
Khi người dùng điều hướng đến một trang web
thay đổi kích thước
Chế độ xem tài liệu được thay đổi kích thước
đăng ký
Thanh cuộn của một phần tử đang được cuộn
đang tải
Sự kiện xảy ra khi một trang chưa được tải
làm mờ
Khi một phần tử mất tiêu điểm
trao đổi
The content of a form element changes [for , and ]
vào trọng tâm
Một phần tử được tập trung
onfocusin
Khi một phần tử chuẩn bị lấy nét
onfocusout
Phần tử sắp mất tiêu điểm
oninput
Đầu vào của người dùng trên một phần tử
không hợp lệ
Một phần tử không hợp lệ
khởi động lại
Một biểu mẫu được đặt lại
đang tìm kiếm
The user writes something in a search field [for ]
chọn
The user selects some text [for and ]
onsubmit
Một biểu mẫu được gửi
ondrag
Một phần tử được kéo
ondragend
Người dùng đã kéo xong phần tử
người thu tiền
Phần tử được kéo đi vào mục tiêu thả
ondragleave
Phần tử được kéo rời khỏi mục tiêu thả
ondragover
Phần tử được kéo nằm trên mục tiêu thả
ondragstart
Người dùng bắt đầu kéo một phần tử
thả xuống
Phần tử được kéo được thả vào mục tiêu thả
bản sao
Người dùng sao chép nội dung của một phần tử
cắt bỏ
Người dùng cắt nội dung của một phần tử
bột nhão
Người dùng dán nội dung vào một phần tử
hủy bỏ
Tải phương tiện bị hủy bỏ
oncanplay
Trình duyệt có thể bắt đầu phát phương tiện [e. g. một tệp đã được lưu vào bộ đệm đủ]
oncanplaythrough
Khi trình duyệt có thể phát qua phương tiện mà không dừng
ondurationchange
Thời lượng của phương tiện truyền thông thay đổi
kết thúc
Các phương tiện truyền thông đã kết thúc
lỗi
Xảy ra khi xảy ra lỗi trong khi tải tệp bên ngoài
onloadeddata
Dữ liệu phương tiện được tải
onloadedmetadata
Meta Siêu dữ liệu [như kích thước và thời lượng] được tải
onloadstart
Trình duyệt bắt đầu tìm kiếm phương tiện được chỉ định
onpause
Phương tiện bị tạm dừng bởi người dùng hoặc tự động
đang chơi
Phương tiện đã được bắt đầu hoặc không còn bị tạm dừng
đang chơi
Phương tiện đang phát sau khi bị tạm dừng hoặc dừng để lưu vào bộ đệm
đang tiến triển
Trình duyệt đang trong quá trình tải xuống phương tiện
onratechange
Tốc độ phát của phương tiện thay đổi
tìm kiếm
Người dùng đã hoàn tất việc di chuyển/bỏ qua đến một vị trí mới trong phương tiện
tìm kiếm
Người dùng bắt đầu di chuyển/bỏ qua
cài đặt
Trình duyệt đang cố tải phương tiện nhưng không khả dụng
đình chỉ
Trình duyệt cố tình không tải phương tiện
cập nhật đúng giờ
Vị trí chơi đã thay đổi [e. g. vì tua nhanh]
onvolumechange
Âm lượng phương tiện đã thay đổi [bao gồm cả tắt tiếng]
đang đợi
Phương tiện bị tạm dừng nhưng dự kiến sẽ tiếp tục [ví dụ: đang lưu vào bộ nhớ đệm]
kết thúc hoạt hình
Hoạt ảnh CSS đã hoàn tất
lặp đi lặp lại hoạt hình
Hoạt ảnh CSS được lặp lại
bắt đầu hoạt hình
Hoạt hình CSS đã bắt đầu
chuyển tiếp
Được kích hoạt khi quá trình chuyển đổi CSS hoàn tất
lỗi
tin nhắn
Một tin nhắn được nhận thông qua nguồn sự kiện
trực tuyến
Trình duyệt bắt đầu hoạt động ngoại tuyến
trực tuyến
Trình duyệt bắt đầu hoạt động trực tuyến
onpopstate
Khi lịch sử của cửa sổ thay đổi
trưng bày
An element is shown as a context menu
lưu trữ
Một khu vực Lưu trữ Web được cập nhật
bật/tắt
The user opens or closes the element
xe lăn
Con lăn chuột cuộn lên hoặc xuống trên một phần tử
ontouchcancel
Cảm ứng màn hình bị gián đoạn
ontouchend
Ngón tay người dùng bị xóa khỏi màn hình cảm ứng
ontouchmove
Một ngón tay được kéo trên màn hình
ontouchstart
Ngón tay được đặt trên màn hình cảm ứng
cố gắng
Cho phép bạn xác định một khối mã để kiểm tra lỗi
nắm lấy
Thiết lập một khối mã để thực thi trong trường hợp có lỗi
phi
Tạo thông báo lỗi tùy chỉnh thay vì lỗi JavaScript tiêu chuẩn
cuối cùng
Cho phép bạn thực thi mã, sau khi thử và bắt, bất kể kết quả là gì
Tên
Đặt hoặc trả về tên lỗi
thông điệp
Đặt hoặc trả về thông báo lỗi trong chuỗi từ
Đánh giáLỗi
Đã xảy ra lỗi trong hàm eval[]
phạm vi lỗi
Một số nằm ngoài phạm vi
Tham khảoLỗi
Một tài liệu tham khảo bất hợp pháp đã xảy ra
Lỗi cú pháp
Đã xảy ra lỗi cú pháp
LoạiLỗi
Đã xảy ra lỗi loại
Lỗi URI
Đã xảy ra lỗi encodeURI[]
Thuộc tính cửa sổ
đóng cửa
Kiểm tra xem một cửa sổ đã được đóng hay chưa và trả về true hoặc false
trạng thái mặc định
Đặt hoặc trả về văn bản mặc định trong thanh trạng thái của cửa sổ
tài liệu
Trả về đối tượng tài liệu cho cửa sổ
khung
Returns all elements in the current window
Môn lịch sử
Cung cấp đối tượng Lịch sử cho cửa sổ
chiều cao bên trong
Chiều cao bên trong của khu vực nội dung của cửa sổ
chiều rộng bên trong
Chiều rộng bên trong của khu vực nội dung
chiều dài
Find out the number of elements in the window
địa điểm
Trả về đối tượng vị trí cho cửa sổ
Tên
Đặt hoặc trả về tên của một cửa sổ
hoa tiêu
Trả về đối tượng Navigator cho cửa sổ
cái mở
Trả về một tham chiếu đến cửa sổ đã tạo ra cửa sổ
chiều cao bên ngoài
Chiều cao bên ngoài của cửa sổ, bao gồm thanh công cụ/thanh cuộn
chiều rộng bên ngoài
Chiều rộng bên ngoài của cửa sổ, bao gồm thanh công cụ/thanh cuộn
trangXOffset
Số pixel mà tài liệu hiện tại đã được cuộn theo chiều ngang
trangYBù đắp
Số pixel mà tài liệu đã được cuộn theo chiều dọc
cha mẹ
Cửa sổ cha của cửa sổ hiện tại
màn hình
Trả về đối tượng Màn hình cho cửa sổ
màn hìnhTrái
Tọa độ ngang của cửa sổ [so với màn hình]
màn hìnhTop
Tọa độ dọc của cửa sổ
mànX
Tương tự như screenLeft nhưng cần thiết cho một số trình duyệt
màn hìnhY
Tương tự như screenTop nhưng cần thiết cho một số trình duyệt
bản thân
Trả về cửa sổ hiện tại
trạng thái
Đặt hoặc trả về văn bản trong thanh trạng thái của cửa sổ
hàng đầu
Trả về cửa sổ trình duyệt trên cùng
báo động[]
Hiển thị hộp cảnh báo có thông báo và nút OK
mơ hồ[]
Xóa tiêu điểm khỏi cửa sổ hiện tại
ClearInterval[]
Xóa bộ đếm thời gian đã đặt với setInterval[]
ClearTimeout[]
Xóa bộ đếm thời gian đã đặt với setTimeout[]
đóng lại[]
Đóng cửa sổ hiện tại
xác nhận[]
Hiển thị hộp thoại có thông báo và nút OK và Hủy
tiêu điểm[]
Đặt tiêu điểm cho cửa sổ hiện tại
di chuyển bởi[]
Di chuyển một cửa sổ so với vị trí hiện tại của nó
chuyển tới[]
Di chuyển một cửa sổ đến một vị trí được chỉ định
mở[]
Mở một cửa sổ trình duyệt mới
in[]
In nội dung của cửa sổ hiện tại
lời nhắc[]
Hiển thị hộp thoại nhắc khách truy cập nhập liệu
thay đổi kích thướcBy[]
Thay đổi kích thước cửa sổ theo số pixel đã chỉ định
thay đổi kích thướcTo[]
Thay đổi kích thước cửa sổ thành chiều rộng và chiều cao được chỉ định
scrollBy[]
Cuộn tài liệu theo một số pixel được chỉ định
scrollTo[]
Cuộn tài liệu đến các tọa độ cụ thể
setInterval[]
Gọi một hàm hoặc đánh giá một biểu thức theo các khoảng thời gian đã chỉ định
setTimeout[]
Gọi một hàm hoặc đánh giá một biểu thức sau một khoảng thời gian xác định
dừng lại[]
Dừng tải cửa sổ
chiều cao sẵn có
Trả về chiều cao của màn hình [không bao gồm Thanh tác vụ Windows]
availWidth
Trả về chiều rộng của màn hình [không bao gồm Thanh tác vụ Windows]
độ đậm của màu
Trả về độ sâu bit của bảng màu để hiển thị hình ảnh
Chiều cao
Tổng chiều cao của màn hình
pixelDepth
Độ phân giải màu của màn hình tính bằng bit trên mỗi pixel
chiều rộng
Tổng chiều rộng của màn hình
Truy cập danh sách đầy đủ này trong biểu đồ tham khảo có thể tải xuống của chúng tôi.
Cách xác định các vấn đề về JavaScript
Lỗi JavaScript là phổ biến và bạn nên giải quyết chúng ngay khi có thể. Ngay cả khi không có lỗi mã hóa, có thể có sự cố với JavaScript của bạn khiến thời gian tải trang chậm, chẳng hạn như JavaScript chưa được rút gọn.
Bạn có thể xác định những vấn đề này bằng cách thực hiện kiểm tra trang web của mình. Các công cụ của bên thứ ba như công cụ Kiểm tra trang web có thể xác định các sự cố như JavaScript chưa được rút gọn và tốc độ trang web để bạn có thể khắc phục chúng.
Để sử dụng công cụ Kiểm tra trang web, bạn sẽ cần tạo một dự án cho miền của mình. Nếu bạn đã tạo dự án cho miền của mình, hãy đọc thêm để tìm hiểu cách định cấu hình và chạy công cụ
Bắt đầu bằng cách đăng nhập vào tài khoản Semrush của bạn. Nếu bạn chưa có tài khoản hiện tại, bạn có thể tạo một tài khoản miễn phí. Chỉ cần nhớ rằng Kiểm tra trang web cung cấp chức năng hạn chế cho Tài khoản miễn phí
Sau khi bạn vào, hãy chọn “Bảng điều khiển” trong “Quản lý” để được đưa đến bảng điều khiển dự án của bạn
Nếu bạn đã thiết lập dự án cho miền của mình, bạn sẽ thấy bảng điều khiển dự án của mình. Chọn thẻ “Kiểm tra trang web” ở đầu trang
Khi công cụ được mở, bạn sẽ cần định cấu hình cài đặt kiểm tra, bao gồm phạm vi thu thập dữ liệu, mọi hạn chế của trang web, v.v. Khi bạn hài lòng với cài đặt, hãy chọn “Bắt đầu kiểm tra trang web. ”
Khi quá trình kiểm tra hoàn tất, bạn có thể điều hướng đến trang tổng quan của Kiểm tra trang web để có cái nhìn tổng quan đầy đủ về quá trình kiểm tra của mình. Điều hướng đến tab Sự cố để biết danh sách các sự cố của trang web.
Từ đó, bạn có thể lọc các vấn đề cho bất kỳ vấn đề nào liên quan đến JavaScript chưa được rút gọn.
Mặc dù các công cụ tìm kiếm không thể hiển thị và xem các phần tử JavaScript, nhưng việc khắc phục các sự cố liên quan đến JS như tốc độ trang có thể giúp bạn hoạt động tốt hơn trong bảng xếp hạng của công cụ tìm kiếm.
Suy nghĩ cuối cùng
JavaScript là một ngôn ngữ lập trình quan trọng có thể giúp bạn chuyển đổi cảm giác và chức năng của các trang web của mình. Quan trọng hơn, mã JavaScript tốt có thể giúp xếp hạng trang web của bạn bằng cách duy trì hoặc cải thiện tốc độ tải trang
Sử dụng bảng gian lận của chúng tôi ở trên để theo dõi các lệnh JavaScript phổ biến nhất và thử các công cụ của bên thứ ba như Kiểm tra trang web để luôn cập nhật mã Javascript của bạn khi cần thiết.