หากคุณต้องการสร้างหน้าเว็บแบบไดนามิก คุณจะต้องเสริมความรู้ HTML และ CSS ด้วย ความเข้าใจในจาวาสคริปต์ . ภาษาสคริปต์นี้ถือเป็นสิ่งสำคัญในการพัฒนาเว็บสมัยใหม่
คุณสามารถสร้างแอปและเว็บไซต์แบบโต้ตอบที่น่าสนใจได้ทุกประเภทด้วย JavaScript แต่ยังมีอะไรให้เรียนรู้อีกมากในระหว่างนี้ ด้วยเหตุนี้ เราจึงได้สร้างชีตชีต JavaScript ต่อไปนี้สำหรับคุณ
แผ่นโกงสามารถทำหน้าที่เป็นตัวทบทวนอย่างรวดเร็วเกี่ยวกับองค์ประกอบ JavaScript ทุกเวลาที่คุณต้องการ มีประโยชน์สำหรับทั้งมือใหม่และผู้เชี่ยวชาญ
ทำไมเมาส์ถึงไม่ทำงาน
ดาวน์โหลดฟรี: แผ่นโกงนี้มีให้ในรูปแบบa PDF ที่ดาวน์โหลดได้ จากคู่ค้าด้านการจัดจำหน่ายของเรา TradePub คุณจะต้องกรอกแบบฟอร์มสั้น ๆ เพื่อเข้าถึงเป็นครั้งแรกเท่านั้น ดาวน์โหลด สุดยอด JavaScript Cheat Sheet .
สุดยอด JavaScript Cheat Sheet
ทางลัด | การกระทำ |
---|---|
JavaScript Arrays | |
concat() | รวมหลายอาร์เรย์เป็นหนึ่งเดียว |
copyWithin() | คัดลอกองค์ประกอบอาร์เรย์ภายในอาร์เรย์ ไปยังและจากตำแหน่งที่ระบุ |
ดัชนีของ() | ส่งคืนค่าดั้งเดิมของวัตถุที่ระบุ |
รวมถึง() | ตรวจสอบว่าอาร์เรย์มีองค์ประกอบที่ระบุหรือไม่ |
เข้าร่วม() | รวมองค์ประกอบของอาร์เรย์เป็นสตริงเดียวและส่งคืนสตริง |
รายการ() | ส่งคืนคู่คีย์/ค่า Array Iteration Object |
ทั้งหมด() | ตรวจสอบว่าทุกองค์ประกอบในอาร์เรย์ผ่านการทดสอบหรือไม่ |
เติม() | เติมองค์ประกอบในอาร์เรย์ที่มีค่าคงที่ |
กรอง() | สร้างอาร์เรย์ใหม่ที่มีทุกองค์ประกอบในอาร์เรย์ที่ผ่านการทดสอบ |
หา() | ส่งคืนค่าขององค์ประกอบแรกในอาร์เรย์ที่ผ่านการทดสอบ |
แต่ละ() | เรียกใช้ฟังก์ชันสำหรับแต่ละองค์ประกอบอาร์เรย์ |
จาก() | สร้างอาร์เรย์จากวัตถุ |
LastIndexOf() | ระบุตำแหน่งสุดท้ายที่องค์ประกอบที่กำหนดปรากฏในอาร์เรย์ |
โผล่ () | ลบองค์ประกอบสุดท้ายของอาร์เรย์ |
ดัน() | เพิ่มองค์ประกอบใหม่ในตอนท้าย |
ย้อนกลับ() | เรียงลำดับองค์ประกอบจากมากไปหาน้อย |
ลด() | ลดค่าของอาร์เรย์ให้เป็นค่าเดียว (ไปทางซ้ายไปขวา) |
ลดขวา() | ลดค่าของอาร์เรย์ให้เป็นค่าเดียว (จากขวาไปซ้าย) |
กะ() | ลบองค์ประกอบแรกของอาร์เรย์ |
ชิ้น() | ดึงสำเนาของส่วนของอาร์เรย์ไปยังวัตถุอาร์เรย์ใหม่ |
เรียงลำดับ() | จัดเรียงองค์ประกอบตามตัวอักษร |
ประกบ() | เพิ่มองค์ประกอบในลักษณะและตำแหน่งที่กำหนด |
ยกเลิกการเปลี่ยน () | เพิ่มองค์ประกอบใหม่ในการเริ่มต้น |
จาวาสคริปต์บูลีนเมธอด | |
toString() | แปลงค่าบูลีนเป็นสตริง และส่งคืนผลลัพธ์ |
มูลค่าของ() | ส่งกลับตำแหน่งแรกที่องค์ประกอบที่กำหนดปรากฏในอาร์เรย์ |
แหล่งที่มา() | ส่งกลับสตริงที่แสดงถึงซอร์สโค้ดของอ็อบเจกต์ |
ตัวดำเนินการเลขคณิต JavaScript | |
+ | ส่วนที่เพิ่มเข้าไป |
- | การลบ |
* | การคูณ |
/ | แผนก |
(...) | ตัวดำเนินการจัดกลุ่ม (การดำเนินการภายในวงเล็บจะดำเนินการเร็วกว่าการดำเนินการภายนอก) |
% | โมดูลัส (ส่วนที่เหลือ) |
++ | เพิ่มตัวเลข |
- | ลดจำนวน |
== | เท่ากับ |
=== | ค่าเท่ากันและประเภทเท่ากัน |
! = | ไม่เท่ากับ |
! == | ค่าไม่เท่ากันหรือไม่เท่ากัน |
> | มากกว่า |
< | น้อยกว่า |
> = | มากกว่าหรือเท่ากับ |
<= | น้อยกว่าหรือเท่ากับ |
? | โอเปอเรเตอร์ไตรภาค |
ตัวดำเนินการเชิงตรรกะ | |
&& | ตรรกะและ |
|| | ตรรกะOR |
! | ตรรกะไม่ |
ตัวดำเนินการ Bitwise | |
& | และคำสั่ง |
| | หรือคำสั่ง |
~ | ไม่ |
^ | XOR |
<< | กะซ้าย |
>> | กะขวา |
>>> | เติมศูนย์กะขวา |
ฟังก์ชั่น | |
เตือน() | ส่งออกข้อมูลในกล่องแจ้งเตือนในหน้าต่างเบราว์เซอร์ |
ยืนยัน() | เปิดกล่องโต้ตอบใช่/ไม่ใช่และคืนค่าจริง/เท็จขึ้นอยู่กับผู้ใช้คลิก |
console.log() | เขียนข้อมูลไปยังคอนโซลเบราว์เซอร์ (ดีสำหรับการดีบัก) |
เอกสาร.เขียน() | เขียนโดยตรงไปยังเอกสาร HTML |
พรอมต์ () | สร้างกล่องโต้ตอบสำหรับการป้อนข้อมูลของผู้ใช้ |
ฟังก์ชั่นสากล | |
ถอดรหัส () | ถอดรหัส Uniform Resource Identifier (URI) ที่สร้างโดย encodeURI หรือใกล้เคียง |
ถอดรหัสURIComponent() | ถอดรหัสส่วนประกอบ URI |
เข้ารหัสURI() | เข้ารหัส URI เป็น UTF-8 |
เข้ารหัสURIComponent() | เหมือนกันแต่สำหรับส่วนประกอบ URI |
eval() | ประเมินโค้ด JavaScript ที่แสดงเป็นสตริง |
isFinite () | กำหนดว่าค่าที่ส่งผ่านเป็นจำนวนจำกัดหรือไม่ |
isNaN() | กำหนดว่าค่าเป็นตัวเลขที่ไม่ถูกต้องหรือไม่ |
ตัวเลข() | แปลงค่าของวัตถุเป็นตัวเลข |
parseFloat() | แยกวิเคราะห์สตริงและส่งกลับจำนวนจุดทศนิยม |
parseInt() | แยกวิเคราะห์สตริงและส่งกลับจำนวนเต็ม |
JavaScript Loops | |
สำหรับ | วิธีทั่วไปที่สุดในการสร้างลูปใน JavaScript |
ในขณะที่ | ตั้งค่าเงื่อนไขที่ลูปดำเนินการ |
ทำในขณะที่ | คล้ายกับการวนรอบ แต่จะดำเนินการอย่างน้อยหนึ่งครั้งและทำการตรวจสอบในตอนท้ายเพื่อดูว่าตรงตามเงื่อนไขเพื่อดำเนินการอีกครั้งหรือไม่ |
หยุดพัก | หยุดและออกจากวงจรหากตรงตามเงื่อนไขบางประการ |
ดำเนินต่อ | ข้ามบางส่วนของวงจรหากตรงตามเงื่อนไขบางประการ |
ตัวละครหนี | |
' | คำพูดเดียว |
' | คำพูดคู่ |
\ | แบ็กสแลช |
NS | Backspace |
NS | ฟีดรูปแบบ |
NS | ไลน์ใหม่ |
NS | คืนรถ |
NS | ตัวสร้างตารางแนวนอน |
v | ตารางแนวตั้ง |
วิธีการสตริง JavaScript | |
charAt () | ส่งกลับอักขระที่ตำแหน่งที่ระบุภายในสตริง |
charCodeAt () | ให้ยูนิโค้ดของอักขระที่ตำแหน่งนั้น |
concat() | เชื่อม (รวม) สองสตริงขึ้นไปเป็นหนึ่ง |
จากCharCode() | ส่งคืนสตริงที่สร้างจากลำดับที่ระบุของหน่วยรหัส UTF-16 |
ดัชนีของ() | ระบุตำแหน่งการเกิดขึ้นครั้งแรกของข้อความที่ระบุภายในสตริง |
LastIndexOf() | เหมือนกับ indexOf() แต่เกิดครั้งสุดท้าย ค้นหาย้อนกลับ |
จับคู่() | ดึงข้อมูลที่ตรงกันของสตริงเทียบกับรูปแบบการค้นหา |
แทนที่() | ค้นหาและแทนที่ข้อความที่ระบุในสตริง |
ค้นหา() | ดำเนินการค้นหาข้อความที่ตรงกันและส่งคืนตำแหน่ง |
ชิ้น() | แยกส่วนของสตริงและส่งคืนเป็นสตริงใหม่ |
แยก() | แยกวัตถุสตริงเป็นอาร์เรย์ของสตริงที่ตำแหน่งที่ระบุ |
เริ่มต้นด้วย() | ตรวจสอบว่าสตริงเริ่มต้นด้วยอักขระที่ระบุหรือไม่ |
ย่อย () | คล้ายกับ slice() แต่แตกสตริงย่อยขึ้นอยู่กับจำนวนอักขระที่ระบุ |
สตริงย่อย () | คล้ายกับ slice() แต่ไม่สามารถยอมรับดัชนีเชิงลบได้ |
ตัวพิมพ์เล็ก() | แปลงสตริงเป็นตัวพิมพ์เล็ก |
toUpperCase() | แปลงสตริงเป็นตัวพิมพ์ใหญ่ |
มูลค่าของ() | ส่งคืนค่าดั้งเดิม (ที่ไม่มีคุณสมบัติหรือวิธีการ) ของวัตถุสตริง |
ไวยากรณ์การแสดงออกปกติ ตัวดัดแปลงรูปแบบ | |
และ | ประเมินการทดแทน |
ผม | ดำเนินการจับคู่ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ |
NS | ทำการจับคู่ทั่วโลก |
NS | ทำการจับคู่หลายบรรทัด |
NS | ถือว่าสตริงเป็นบรรทัดเดียว |
NS | อนุญาตความคิดเห็นและช่องว่างในรูปแบบ |
ยู | ลวดลายขี้อ้อน |
วงเล็บ | |
[เอบีซี] | ค้นหาอักขระใด ๆ ในวงเล็บ |
[^ เอบีซี] | ค้นหาอักขระใด ๆ ที่ไม่อยู่ในวงเล็บ |
[0-9] | ค้นหาตัวเลขที่ระบุในวงเล็บ |
[A-z] | ค้นหาอักขระใดก็ได้ตั้งแต่ตัวพิมพ์ใหญ่ A ถึงตัวพิมพ์เล็ก z |
(ก|ข|ค) | ค้นหาทางเลือกอื่นที่คั่นด้วย | |
Metacharacters | |
. | ค้นหาอักขระตัวเดียว ยกเว้นขึ้นบรรทัดใหม่หรือตัวสิ้นสุดบรรทัด |
ใน | ตัวอักษร Word |
ใน | อักขระที่ไม่ใช่คำ |
NS | ตัวเลข |
NS | อักขระที่ไม่ใช่ตัวเลข |
NS | อักขระช่องว่าง |
NS | อักขระที่ไม่ใช่ช่องว่าง |
NS | ค้นหาการจับคู่ที่จุดเริ่มต้น/จุดสิ้นสุดของคำ |
NS | หาคำที่ตรงกันไม่ขึ้นต้น/ท้ายคำ |
u0000 | อักขระ NUL |
NS | ตัวละครขึ้นบรรทัดใหม่ |
NS | แบบฟอร์มฟีดอักขระ |
NS | ตัวละครส่งคืนรถ |
NS | ตัวอักษรแท็บ |
v | ตัวอักษรแท็บแนวตั้ง |
xxx | อักขระที่ระบุด้วยเลขฐานแปด xxx |
xdd | อักขระละตินที่ระบุด้วยเลขฐานสิบหก dd |
udddd | อักขระ Unicode ที่ระบุโดยเลขฐานสิบหก dddd |
ปริมาณ | |
n+ | จับคู่สตริงใดๆ ที่มีอย่างน้อยหนึ่ง n |
NS* | สตริงใดๆ ที่มี n . เป็นศูนย์หรือมากกว่า |
NS? | สตริงใดๆ ที่มี n . เป็นศูนย์หรือหนึ่งรายการ |
น{X} | สตริงใด ๆ ที่มีลำดับของ X n's |
น {X, Y} | สตริงที่มีลำดับของ X ถึง Y n's |
น{X,} | จับคู่สตริงใดๆ ที่มีลำดับอย่างน้อย X n's |
n$ | สตริงใดๆ ที่มี n ต่อท้าย |
^น | สตริงที่มี n นำหน้า |
?=n | สตริงใดๆ ที่ตามด้วยสตริงเฉพาะ n |
?!NS | สตริงที่ไม่ได้ตามด้วยสตริงเฉพาะ n |
คุณสมบัติจำนวน | |
MAX_VALUE | ค่าตัวเลขสูงสุดที่แสดงได้ใน JavaScript |
MIN_VALUE | ค่าตัวเลขบวกที่เล็กที่สุดที่แสดงได้ใน JavaScript |
น่าน | ค่าไม่ใช่ตัวเลข |
NEGATIVE_INFINITY | ค่าอินฟินิตี้เชิงลบ |
POSITIVE_INFINITY | ค่าอินฟินิตี้บวก |
วิธีการจำนวน | |
เป็นเอกซ์โพเนนเชียล () | ส่งกลับสตริงที่มีตัวเลขโค้งมนเขียนเป็นสัญกรณ์เลขชี้กำลัง |
แก้ไข () | ส่งกลับสตริงของตัวเลขที่มีจำนวนทศนิยมที่ระบุ |
ความแม่นยำ () | ส่งคืนสตริงของตัวเลขที่เขียนด้วยความยาวที่ระบุ |
toString() | ส่งกลับตัวเลขเป็นสตริง |
มูลค่าของ() | ส่งกลับตัวเลขเป็นตัวเลข |
คุณสมบัติทางคณิตศาสตร์ | |
และ | หมายเลขออยเลอร์ |
LN2 | ลอการิทึมธรรมชาติของ2 |
LN10 | ลอการิทึมธรรมชาติของ10 |
LOG2E | ลอการิทึมฐาน 2 ของ E |
LOG10E | ลอการิทึมฐาน 10 ของ E |
PI | หมายเลข PI |
SQRT1_2 | รากที่สองของ 1/2 |
SQRT2 | รากที่สองของ2 |
วิธีคณิตศาสตร์ | |
เอบีเอส(x) | ส่งกลับค่าสัมบูรณ์ (บวก) ของ x |
แอคเคาท์ (x) | อาร์คโคไซน์ของ x เป็นเรเดียน |
อาซิน(x) | อาร์กไซน์ของ x เป็นเรเดียน |
เอตัน (x) | อาร์คแทนเจนต์ของ x เป็นค่าตัวเลข |
atan2 (y, x) | อาร์คแทนเจนต์ของผลหารของการโต้แย้ง |
เพดาน(x) | ค่าของ x ปัดขึ้นเป็นจำนวนเต็มที่ใกล้เคียงที่สุด |
คอส(x) | โคไซน์ของ x (x อยู่ในหน่วยเรเดียน) |
ประสบการณ์(x) | มูลค่า Ex |
ชั้น(x) | ค่าของ x ปัดเศษลงเป็นจำนวนเต็มที่ใกล้เคียงที่สุด |
บันทึก(x) | ลอการิทึมธรรมชาติ (ฐาน E) ของ x |
สูงสุด(x,y,z,...,n) | ตัวเลขที่มีมูลค่าสูงสุด |
ขั้นต่ำ (x, y, z, ..., n) | ตัวเลขที่มีค่าต่ำสุด |
pow (x, y) | X ยกกำลัง y |
สุ่ม() | ตัวเลขสุ่มระหว่าง 0 ถึง 1 |
รอบ(x) | ค่าของ x ปัดเศษเป็นจำนวนเต็มที่ใกล้เคียงที่สุด |
บาป (x) | ไซน์ของ x (x อยู่ในหน่วยเรเดียน) |
sqrt(x) | รากที่สองของ x |
ดังนั้น (x) | แทนเจนต์ของมุม |
วันที่ | |
วันที่() | สร้างวัตถุวันที่ใหม่ด้วยวันที่และเวลาปัจจุบัน |
วันที่(2017, 5, 21, 3, 23, 10, 0) | สร้างวัตถุวันที่ที่กำหนดเอง ตัวเลขแสดงปี เดือน วัน ชั่วโมง นาที วินาที มิลลิวินาที คุณสามารถละเว้นสิ่งที่คุณต้องการยกเว้นปีและเดือน |
วันที่(2017-06-23) | การประกาศวันที่เป็นสตริง |
getDate() | รับวันของเดือนเป็นตัวเลข (1-31) |
getDay() | รับวันธรรมดาเป็นตัวเลข (0-6) |
getFullYear() | รับปีเป็นตัวเลขสี่หลัก (ปปปป) |
getHours() | รับชั่วโมง (0-23) |
รับมิลลิวินาที () | รับมิลลิวินาที (0-999) |
getMinutes() | รับนาที (0-59) |
getMonth() | รับเดือนเป็นตัวเลข (0-11) |
getSeconds() | รับที่สอง (0-59) |
รับเวลา () | รับเวลา (มิลลิวินาทีตั้งแต่วันที่ 1 มกราคม 1970) |
getUTCDate () | วัน (วันที่) ของเดือนในวันที่ระบุตามเวลาสากล (เช่น วัน เดือน ปีเต็ม ชั่วโมง นาที เป็นต้น) |
แยกวิเคราะห์ | แยกวิเคราะห์การแสดงสตริงของวันที่ และส่งคืนจำนวนมิลลิวินาทีตั้งแต่วันที่ 1 มกราคม 1970 |
setDate() | กำหนดวันเป็นตัวเลข (1-31) |
setFullYear () | ตั้งปี (เลือกเดือนและวัน) |
setHours () | ตั้งเวลา (0-23) |
ตั้งค่ามิลลิวินาที() | ตั้งค่ามิลลิวินาที (0-999) |
setMinutes() | ตั้งนาที (0-59) |
setMonth() | ตั้งเดือน (0-11) |
ตั้งค่าวินาที() | ตั้งค่าวินาที (0-59) |
ตั้งเวลา() | ตั้งเวลา (มิลลิวินาทีตั้งแต่ 1 มกราคม 1970) |
setUTCDate() | กำหนดวันของเดือนสำหรับวันที่ระบุตามเวลาสากล (เช่น วัน เดือน ปีเต็ม ชั่วโมง นาที เป็นต้น) |
โหมดโดม คุณสมบัติโหนด | |
คุณลักษณะ | คอลเลกชันสดของแอตทริบิวต์ทั้งหมดที่ลงทะเบียนกับองค์ประกอบ |
ฐานURI | URL ฐานแบบสัมบูรณ์ขององค์ประกอบ HTML |
ลูกโหนด | การรวบรวมโหนดย่อยขององค์ประกอบ |
ลูกคนแรก | โหนดลูกแรกขององค์ประกอบ |
ลูกคนสุดท้อง | โหนดลูกสุดท้ายขององค์ประกอบ |
ต่อไปพี่น้อง | โหนดถัดไปที่ระดับทรีโหนดเดียวกัน |
nodeName | ชื่อของโหนด |
nodeType | ประเภทของโหนด |
nodeValue | ค่าของโหนด |
เจ้าของเอกสาร | ออบเจ็กต์เอกสารระดับบนสุดสำหรับโหนดปัจจุบัน |
parentNode | โหนดหลักขององค์ประกอบ |
ก่อนหน้าพี่น้อง | โหนดที่อยู่ข้างหน้าโหนดปัจจุบันทันที |
ข้อความเนื้อหา | เนื้อหาที่เป็นข้อความของโหนดและทายาท |
วิธีการโหนด | |
ผนวกเด็ก() | เพิ่มโหนดลูกใหม่ให้กับองค์ประกอบเป็นโหนดลูกสุดท้าย |
cloneNode() | โคลนองค์ประกอบ HTML |
ตำแหน่งเปรียบเทียบเอกสาร () | เปรียบเทียบตำแหน่งเอกสารของสององค์ประกอบ |
รับคุณลักษณะ () | ส่งคืนอ็อบเจ็กต์ที่ใช้ API ของคุณสมบัติที่ระบุ |
มีแอตทริบิวต์() | คืนค่า true หากองค์ประกอบมีคุณสมบัติใด ๆ มิฉะนั้นจะคืนค่า false |
hasChildNodes () | คืนค่า true หากองค์ประกอบมีโหนดย่อย มิฉะนั้นจะคืนค่า false |
แทรกก่อน () | แทรกโหนดชายน์ใหม่ก่อนระบุโหนดชายน์ที่มีอยู่ |
isDefaultNamespace() | คืนค่า true หาก namespaceURI ที่ระบุเป็นค่าดีฟอลต์ มิฉะนั้นจะคืนค่า false |
isEqualNode () | ตรวจสอบว่าสององค์ประกอบเท่ากันหรือไม่ |
isSameNode() | ตรวจสอบว่าสององค์ประกอบเป็นโหนดเดียวกันหรือไม่ |
ได้รับการสนับสนุน () | คืนค่า จริง หากคุณสมบัติที่ระบุได้รับการสนับสนุนในองค์ประกอบ |
lookupNamespaceURI() | ส่งคืนเนมสเปซURI ที่เชื่อมโยงกับโหนดที่กำหนด |
ค้นหาคำนำหน้า () | ส่งคืน DOMString ที่มีคำนำหน้าสำหรับเนมสเปซURI ที่ระบุ ถ้ามี |
ทำให้ปกติ () | เข้าร่วมโหนดข้อความที่อยู่ติดกันและลบโหนดข้อความว่างในองค์ประกอบ |
ลบChild() | ลบโหนดย่อยออกจากองค์ประกอบ |
แทนที่Child() | แทนที่โหนดย่อยในองค์ประกอบ |
วิธีการองค์ประกอบ | |
รับแอตทริบิวต์ () | ส่งกลับค่าแอตทริบิวต์ที่ระบุของโหนดองค์ประกอบ |
getAttributeNS() | ส่งคืนค่าสตริงของแอตทริบิวต์ด้วยเนมสเปซและชื่อที่ระบุ |
getAttributeNode() | รับโหนดแอตทริบิวต์ที่ระบุ |
getAttributeNodeNS() | ส่งคืนโหนดแอตทริบิวต์สำหรับแอตทริบิวต์ด้วยเนมสเปซและชื่อที่กำหนด |
getElementsByTagName() | จัดเตรียมคอลเลกชันขององค์ประกอบย่อยทั้งหมดที่มีชื่อแท็กที่ระบุ |
getElementsByTagNameNS() | ส่งคืนคอลเล็กชัน HTML สดขององค์ประกอบด้วยชื่อแท็กที่เป็นของเนมสเปซที่กำหนด |
มีแอตทริบิวต์() | คืนค่า true หากองค์ประกอบมีคุณสมบัติใด ๆ มิฉะนั้นจะคืนค่า false |
มีแอตทริบิวต์NS() | ระบุค่าจริง/เท็จที่ระบุว่าองค์ประกอบปัจจุบันในเนมสเปซที่กำหนดมีแอตทริบิวต์ที่ระบุหรือไม่ |
ลบแอตทริบิวต์() | ลบแอตทริบิวต์ที่ระบุออกจากองค์ประกอบ |
removeAttributeNS() | ลบแอตทริบิวต์ที่ระบุออกจากองค์ประกอบภายในเนมสเปซที่กำหนด |
removeAttributeNode() | นำโหนดแอตทริบิวต์ที่ระบุออกไปและส่งคืนโหนดที่ถูกลบ |
setAttribute() | ตั้งค่าหรือเปลี่ยนแอตทริบิวต์ที่ระบุเป็นค่าที่ระบุ |
setAttributeNS() | เพิ่มแอตทริบิวต์ใหม่หรือเปลี่ยนค่าของแอตทริบิวต์ด้วยเนมสเปซและชื่อที่กำหนด |
setAttributeNode() | ตั้งค่าหรือเปลี่ยนโหนดแอตทริบิวต์ที่ระบุ |
setAttributeNodeNS() | เพิ่มโหนดแอตทริบิวต์เนมสเปซใหม่ให้กับองค์ประกอบ |
คุณสมบัติหน้าต่างเบราว์เซอร์ | |
ปิด | ตรวจสอบว่าหน้าต่างถูกปิดหรือไม่และคืนค่าจริงหรือเท็จ |
defaultStatus | ตั้งค่าหรือส่งคืนข้อความเริ่มต้นในแถบสถานะของหน้าต่าง |
เอกสาร | ส่งคืนวัตถุเอกสารสำหรับ window |
เฟรม | ส่งคืนทั้งหมด |
ประวัติศาสตร์ | ระบุวัตถุประวัติสำหรับหน้าต่าง |
ความสูงภายใน | ความสูงภายในของพื้นที่เนื้อหาของหน้าต่าง |
innerWidth | ความกว้างภายในของพื้นที่เนื้อหา |
ระยะเวลา | ส่งกลับจำนวน |
ที่ตั้ง | ส่งคืนวัตถุตำแหน่งสำหรับ window |
ชื่อ | ตั้งค่าหรือคืนชื่อของหน้าต่าง |
เนวิเกเตอร์ | ส่งคืนวัตถุเนวิเกเตอร์สำหรับหน้าต่าง |
ที่เปิด | ส่งคืนการอ้างอิงไปยังหน้าต่างที่สร้าง window |
ความสูงภายนอก | ความสูงภายนอกของหน้าต่าง รวมทั้งแถบเครื่องมือ/แถบเลื่อน |
ด้านนอกความกว้าง | ความกว้างภายนอกของหน้าต่าง รวมทั้งแถบเครื่องมือ/แถบเลื่อน |
เพจXOffset | จำนวนพิกเซลที่เลื่อนเอกสารในแนวนอน |
หน้าYOffset | จำนวนพิกเซลที่เลื่อนเอกสารในแนวตั้ง |
พ่อแม่ | หน้าต่างหลักของหน้าต่างปัจจุบัน |
หน้าจอ | ส่งคืนวัตถุหน้าจอสำหรับหน้าต่าง |
screenLeft | พิกัดแนวนอนของหน้าต่าง (สัมพันธ์กับหน้าจอ) |
หน้าจอด้านบน | พิกัดแนวตั้งของหน้าต่าง |
หน้าจอX | เหมือนกับ screenLeft แต่จำเป็นสำหรับเบราว์เซอร์บางตัว |
หน้าจอY | เหมือนกับ screenTop แต่จำเป็นสำหรับเบราว์เซอร์บางตัว |
ตัวเอง | กลับหน้าต่างปัจจุบัน |
สถานะ | ตั้งค่าหรือส่งคืนข้อความในแถบสถานะของหน้าต่าง |
สูงสุด | กลับหน้าต่างเบราว์เซอร์ด้านบนสุด |
วิธีการของหน้าต่างเบราว์เซอร์ | |
เตือน() | แสดงกล่องแจ้งเตือนพร้อมข้อความและปุ่มตกลง |
เบลอ() | ลบโฟกัสออกจากหน้าต่างปัจจุบัน |
clearInterval() | ล้างชุดจับเวลาด้วย setInterval() |
clearTimeout() | ล้างชุดจับเวลาด้วย setTimeout() |
ปิด() | ปิดหน้าต่างปัจจุบัน |
ยืนยัน() | แสดงกล่องโต้ตอบพร้อมข้อความและปุ่มตกลงและยกเลิก |
จุดสนใจ() | ตั้งโฟกัสไปที่หน้าต่างปัจจุบัน |
ย้ายโดย() | ย้ายหน้าต่างที่สัมพันธ์กับตำแหน่งปัจจุบัน |
ย้ายไปยัง() | ย้ายหน้าต่างไปยังตำแหน่งที่ระบุ |
เปิด() | เปิดหน้าต่างเบราว์เซอร์ใหม่ |
พิมพ์() | พิมพ์เนื้อหาของหน้าต่างปัจจุบัน |
พรอมต์ () | แสดงกล่องโต้ตอบที่แจ้งให้ผู้เยี่ยมชมป้อนข้อมูล |
ปรับขนาดโดย() | ปรับขนาดหน้าต่างตามจำนวนพิกเซลที่ระบุ |
ปรับขนาดเป็น() | ปรับขนาดหน้าต่างเป็นความกว้างและความสูงที่กำหนด |
เลื่อนโดย() | เลื่อนเอกสารตามจำนวนพิกเซลที่กำหนด |
เลื่อนไปที่() | เลื่อนเอกสารไปยังพิกัดที่กำหนด |
setInterval() | เรียกใช้ฟังก์ชันหรือประเมินนิพจน์ในช่วงเวลาที่กำหนด |
setTimeout() | เรียกใช้ฟังก์ชันหรือประเมินนิพจน์หลังจากช่วงเวลาที่กำหนด |
หยุด() | หยุดการโหลดหน้าต่าง |
คุณสมบัติหน้าจอ | |
ประโยชน์ความสูง | คืนความสูงของหน้าจอ (ยกเว้นแถบงาน Windows) |
ความกว้าง | กลับความกว้างของหน้าจอ (ยกเว้นแถบงาน Windows) |
สีความลึก | คืนความลึกบิตของจานสีเพื่อแสดงภาพ |
ความสูง | ความสูงรวมของหน้าจอ |
pixelDepth | ความละเอียดสีของหน้าจอเป็นบิตต่อพิกเซล |
ความกว้าง | ความกว้างรวมของหน้าจอ |
เหตุการณ์จาวาสคริปต์ เหตุการณ์เมาส์ JavaScript | |
เมื่อคลิก | เมื่อผู้ใช้คลิกที่องค์ประกอบ |
เมนูตามบริบท | เมื่อผู้ใช้คลิกขวาที่องค์ประกอบเพื่อเปิดเมนูบริบท |
ondblclick | เมื่อผู้ใช้ดับเบิลคลิกที่องค์ประกอบ |
onmousedown | เมื่อผู้ใช้กดปุ่มเมาส์เหนือองค์ประกอบ |
onmouseenter | เมื่อผู้ใช้ย้ายตัวชี้ไปยังองค์ประกอบ |
onmouseave | เมื่อผู้ใช้ย้ายตัวชี้ออกจากองค์ประกอบ |
onmousemov | เมื่อผู้ใช้เลื่อนตัวชี้ขณะที่อยู่เหนือองค์ประกอบ |
onmouseover | เมื่อผู้ใช้ย้ายตัวชี้ไปยังองค์ประกอบหรือองค์ประกอบย่อยตัวใดตัวหนึ่ง |
onmouseout | เมื่อผู้ใช้ย้ายตัวชี้ออกจากองค์ประกอบหรือลูกตัวใดตัวหนึ่ง |
onmouseup | เมื่อผู้ใช้ปล่อยปุ่มเมาส์ขณะอยู่เหนือองค์ประกอบ |
เหตุการณ์แป้นพิมพ์ JavaScript | |
onkeydown | เมื่อผู้ใช้กดปุ่มลง |
onkeypress | เมื่อผู้ใช้เริ่มกดปุ่ม |
onkeyup | เมื่อผู้ใช้ปล่อยคีย์ |
เหตุการณ์เฟรม JavaScript | |
onabort | เมื่อการโหลดสื่อถูกยกเลิก |
onbeforeunload | ก่อนเอกสารกำลังจะขนออก |
onerror | เมื่อเกิดข้อผิดพลาดขณะโหลดไฟล์ภายนอก |
onhashchange | เมื่อส่วนสมอของ URL เปลี่ยนไป |
onload | เมื่อวัตถุได้รับการโหลด |
onpagehide | เมื่อผู้ใช้ออกจากหน้าเว็บ |
onpageshow | เมื่อผู้ใช้นำทางไปยังหน้าเว็บ |
onresize | เมื่อผู้ใช้ปรับขนาดมุมมองเอกสาร |
onscroll | เมื่อผู้ใช้เลื่อนแถบเลื่อนขององค์ประกอบ |
onunload | เมื่อเพจได้ยกเลิกการโหลด |
เหตุการณ์แบบฟอร์ม JavaScript | |
onblur | เมื่อองค์ประกอบสูญเสียโฟกัส |
onchange | เมื่อเนื้อหาขององค์ประกอบแบบฟอร์มเปลี่ยนแปลง (สำหรับ , , และ |
โฟกัส | เมื่อองค์ประกอบได้รับการโฟกัส |
โฟกัส | เมื่อองค์ประกอบกำลังจะได้โฟกัส |
onfocusout | เมื่อองค์ประกอบกำลังจะสูญเสียโฟกัส |
oninput | ผู้ใช้ป้อนข้อมูลในองค์ประกอบ |
oninvalid | เมื่อองค์ประกอบไม่ถูกต้อง |
onreset | เมื่อแบบฟอร์มถูกรีเซ็ต |
กำลังค้นหา | เมื่อผู้ใช้พิมพ์บางอย่างในช่องค้นหา (for ) |
onselect | เมื่อผู้ใช้เลือกข้อความบางส่วน (สำหรับ และ ) |
onsubmit | เมื่อส่งแบบฟอร์ม |
JavaScript Drag Events | |
ondrag | เมื่อผู้ใช้ลากองค์ประกอบ |
ondragend | เมื่อผู้ใช้ลากองค์ประกอบเสร็จแล้ว |
ondragenter | เมื่อองค์ประกอบที่ลากเข้าสู่เป้าหมายการวาง |
ondragleave | เมื่อองค์ประกอบที่ลากออกจากเป้าหมายการวาง |
ondragover | เมื่อองค์ประกอบที่ลากอยู่ด้านบนของเป้าหมายการวาง |
ondragstart | เมื่อผู้ใช้เริ่มลากองค์ประกอบ |
ondrop | องค์ประกอบที่ลากถูกดร็อปบนเป้าหมายการดรอป |
เหตุการณ์คลิปบอร์ด JavaScript | |
สำเนา | เมื่อผู้ใช้คัดลอกเนื้อหาขององค์ประกอบ |
oncut | เมื่อผู้ใช้ตัดเนื้อหาขององค์ประกอบ |
onpaste | เมื่อผู้ใช้วางเนื้อหาในองค์ประกอบ |
เหตุการณ์สื่อ JavaScript | |
onabort | เมื่อยกเลิกการโหลดสื่อ |
ออนแคนเพลย์ | เมื่อเบราว์เซอร์เริ่มเล่นสื่อได้ (เช่น ไฟล์มีบัฟเฟอร์เพียงพอ) |
oncanplaythrough | เมื่อบราวเซอร์สามารถเล่นผ่านสื่อได้โดยไม่หยุด |
ระยะเวลาเปลี่ยน | เมื่อระยะเวลาของสื่อเปลี่ยนไป |
onended | เมื่อสื่อถึงจุดจบ |
onerror | เมื่อเกิดข้อผิดพลาดขณะโหลดไฟล์ภายนอก |
onloadeddata | เมื่อโหลดข้อมูลสื่อ |
onloadedmetadata | เมื่อโหลดข้อมูลเมตา (เช่น มิติข้อมูลและระยะเวลา) |
onloadstart | เมื่อเบราว์เซอร์เริ่มค้นหาสื่อที่ระบุ |
หยุดชั่วคราว | เมื่อสื่อถูกหยุดโดยผู้ใช้หรือโดยอัตโนมัติ |
onplay | เมื่อเริ่มสื่อหรือไม่ได้หยุดชั่วคราวอีกต่อไป |
กำลังเล่น | เมื่อสื่อกำลังเล่นหลังจากหยุดชั่วคราวหรือหยุดเพื่อบัฟเฟอร์ |
ความคืบหน้า | เมื่อบราวเซอร์กำลังดาวน์โหลดสื่อ |
onratechange | เมื่อเล่นความเร็วของสื่อเปลี่ยนแปลง |
แสวงหา | เมื่อผู้ใช้ย้าย/ข้ามไปยังตำแหน่งใหม่ในสื่อเสร็จแล้ว |
กำลังดำเนินการ | เมื่อผู้ใช้เริ่มเคลื่อนไหว/ข้าม |
ถูกโจมตี | เมื่อเบราว์เซอร์พยายามโหลดสื่อที่ไม่พร้อมใช้งาน |
ระงับ | เมื่อเบราว์เซอร์ตั้งใจไม่โหลดสื่อ |
ontimeupdate | ตำแหน่งการเล่นเปลี่ยนไป (เช่น เนื่องจากการกรอไปข้างหน้า) |
onvolumechange | เมื่อระดับเสียงสื่อเปลี่ยนไป (รวมถึงการปิดเสียง) |
รออยู่ | เมื่อสื่อหยุดชั่วคราวแต่คาดว่าจะกลับมาทำงานต่อ (เช่น การบัฟเฟอร์) |
แอนิเมชั่น | |
แอนิเมชั่น | เมื่ออนิเมชั่น CSS เสร็จสมบูรณ์ |
แอนิเมชั่น | เมื่อภาพเคลื่อนไหว CSS ซ้ำ |
แอนิเมชั่นเริ่มต้น | เมื่อภาพเคลื่อนไหว CSS เริ่มต้นขึ้น |
เบ็ดเตล็ด | |
ช่วงเปลี่ยนผ่าน | เมื่อการเปลี่ยน CSS เสร็จสมบูรณ์ |
onmessage | เมื่อได้รับข้อความผ่านแหล่งที่มาของเหตุการณ์ |
ออฟไลน์ | เมื่อเบราว์เซอร์เริ่มทำงานออฟไลน์ |
ออนไลน์ | เมื่อบราวเซอร์เริ่มทำงานออนไลน์ |
onpopstate | เมื่อประวัติของหน้าต่างเปลี่ยนไป |
ออนโชว์ | เมื่อองค์ประกอบแสดงเป็นเมนูบริบท |
การจัดเก็บ | เมื่อมีการอัพเดตพื้นที่จัดเก็บข้อมูลบนเว็บ |
Onggle | เมื่อผู้ใช้เปิดหรือปิดองค์ประกอบ |
onwheel | เมื่อล้อเลื่อนของเมาส์เลื่อนขึ้นหรือลงเหนือองค์ประกอบ |
ontouchcancel | เมื่อสัมผัสหน้าจอถูกขัดจังหวะ |
ไม่ถูกแตะต้อง | เมื่อนิ้วของผู้ใช้หลุดออกจากหน้าจอสัมผัส |
ontouchmove | เมื่อผู้ใช้ลากนิ้วผ่านหน้าจอ |
สำรวจ JavaScript เพิ่มเติม
เราถือว่าจาวาสคริปต์เป็นหนึ่งในภาษาเขียนโปรแกรมชั้นนำสำหรับอนาคต และเราแนะนำให้ดำดิ่งสู่แนวคิดขั้นสูงเช่น วิธีการอาร์เรย์ JavaScript เมื่อคุณเข้าใจพื้นฐานของ JavaScript แล้ว
วิธีลดขนาดไฟล์ pdf mac
เครดิตรูปภาพ: ออสการ์ ยิลดิซ บน Unsplash
แบ่งปัน แบ่งปัน ทวีต อีเมล 15 Windows Command Prompt (CMD) คำสั่งที่คุณต้องรู้พรอมต์คำสั่งยังคงเป็นเครื่องมือ Windows ที่มีประสิทธิภาพ ต่อไปนี้คือคำสั่ง CMD ที่มีประโยชน์ที่สุดที่ผู้ใช้ Windows ทุกคนจำเป็นต้องรู้
อ่านต่อไป หัวข้อที่เกี่ยวข้อง- ผลผลิต
- การเขียนโปรแกรม
- JavaScript
- แผ่นโกง
Akshata ฝึกฝนการทดสอบด้วยตนเอง แอนิเมชั่น และการออกแบบ UX ก่อนที่จะเน้นที่เทคโนโลยีและการเขียน สิ่งนี้นำกิจกรรมที่เธอโปรดปรานสองอย่างมารวมกัน — ทำให้เข้าใจระบบและศัพท์แสงที่เข้าใจง่ายขึ้น ที่ MakeUseOf Akshata เขียนเกี่ยวกับการทำให้อุปกรณ์ Apple ของคุณดีที่สุด
เพิ่มเติมจาก Akshata Shanbhagสมัครรับจดหมายข่าวของเรา
เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!
คลิกที่นี่เพื่อสมัครสมาชิก