search

Trang cheat javascript dom pdf

Ngày đăng: 18/12/2022
Trả lời: 0
Lượt xem: 67

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

Show

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

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

<

Ít hơn

>=

Lớn hơn hoặc bằng

<=

Ít hơn hoặc bằng

?

nhà điều hành ternary

&&

logic và

!!

logic hoặc

!

logic không

&

câu lệnh AND

|

câu lệnh HOẶC

~

KHÔNG PHẢI

^

XOR

<<

Dịch trái

>>

dịch chuyển phải

>>>

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 ,