เมธอด getTime() ใน JavaScript คืนจำนวนมิลลิวินาทีที่ผ่านมาตั้งแต่วันที่ 1 มกราคม 1970 (Unix Epoch)ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.

คุณสมบัติ global ใน JavaScript จะคืนค่า true หรือ false ขึ้นอยู่กับว่า modifier g ถูกตั้งค่าหรือไม่ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1

JavaScript History Object เก็บรายการ URL ที่ผู้ใช้เคยเข้าชม และอนุญาตให้เลื่อนไปข้างหน้าหรือถอยหลังในประวัติ รวมถึงโหลด URL จากประวัติได้ตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=&qu

JavaScript Immediately Invoked Function Expressions (IIFE) คือฟังก์ชันที่ทำงานทันทีหลังจากถูกกำหนด ไม่จำเป็นต้องเรียกใช้งานด้วยตนเองตัวอย่าง<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi

คุณสมบัติ Infinity ของ JavaScript จะแสดงค่า Infinity หากเกินขีดจำกัดบนของตัวเลขทศนิยม และ -Infinity หากเกินขีดจำกัดล่าง ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de

อาร์เรย์ใน JSON คล้ายกับอาร์เรย์ใน JavaScript โครงสร้าง JSON arrays 長这样: let obj = { name:Rohan, sports : [cricket,Football,volleyball,hockey] } ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport

หากต้องการสร้าง HTML จากข้อมูล JSON ให้ใช้ fetch API ดึงข้อมูลจาก JSONPlaceholder (Fake REST API สำหรับทดสอบ) ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width

เมธอด JSON.parse() ใช้สำหรับแปลงสตริง JSON ให้กลายเป็นออบเจ็กต์ JavaScript ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &

JSON.stringify() ใน JavaScript ใช้สำหรับแปลงออบเจ็กต์ JavaScript ให้กลายเป็นสตริง เหมาะสำหรับส่งข้อมูลไปยังเว็บเซิร์ฟเวอร์ ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width

ตัวอย่าง หากต้องการลบชื่อคลาสจากองค์ประกอบด้วย JavaScript ให้ใช้เมธอด classList.remove() <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .newStyle { font-family: "Segoe

ตัวอย่าง หากต้องการเพิ่มคลาส active ให้กับองค์ประกอบที่คลิกอยู่ (เช่น เมนูนำทาง) ให้ลบคลาส active จากองค์ประกอบอื่น แล้วเพิ่มให้องค์ประกอบที่คลิก <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <

ตัวอย่าง หากต้องการลบคุณสมบัติออกจากออบเจ็กต์ JavaScript ให้ใช้คีย์เวิร์ด delete <!DOCTYPE html> <html> <body> <h1>ตัวอย่างคุณสมบัติออบเจ็กต์ JavaScript</h1> <h2 class="sample">athlete.name</h2> <script> let athlete = { name:

ตัวอย่าง หากต้องการตรวจจับสถานะออนไลน์/ออฟไลน์ของเบราว์เซอร์ ให้ใช้ navigator.onLine ซึ่งคืนค่า boolean <!DOCTYPE html> <html> <body> <h1>ตัวอย่างตรวจสอบออนไลน์/ออฟไลน์ด้วย JavaScript</h1> <h2>คลิกปุ่มด้านล่างเพื่อตรวจสอบว่าคุณออนไลน์หรือไม่</h2> <

ตัวอย่าง หากต้องการตรวจสอบว่าองค์ประกอบถูกซ่อนอยู่หรือไม่ ให้ใช้ window.getComputedStyle() ตรวจสอบค่า display ว่าเป็น none หรือไม่ <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> b

Symbol.toStringTag เป็น symbol ที่รู้จักกันดี (well-known symbol) ซึ่งเป็นคุณสมบัติที่มีค่าเป็นสตริง ใช้สำหรับให้คำอธิบายของออบเจ็กต์ระหว่างการสร้าง ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport

ฟังก์ชัน symbol.valueOf() ใน JavaScript จะคืนค่าพื้นฐาน (primitive value) ของออบเจ็กต์ Symbol ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=

ตัวอย่าง หากต้องการนำคุณสมบัติ Auto Complete / Suggestion ไปใช้ ให้ใช้องค์ประกอบ <datalist> ร่วมกับ JavaScript กรองตัวเลือกตามอินพุตผู้ใช้ <!DOCTYPE html> <html> <head> <style> body{ font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } </s

ต่อไปนี้คือเมธอดวันที่ (Date methods) ที่ใช้บ่อย: เมธอด คำอธิบาย getFullYear()คืนปีเป็นตัวเลข 4 หลัก getMonth()คืนเดือนเป็นตัวเลข (0-11) getDate()คืนวันของเดือนเป็นตัวเลข (1-31) getHours()คืนชั่วโมง (0-23) getMinutes()คืนนาที (0-59) getSeconds(

ตัวอย่าง หากต้องการดึงข้อความขององค์ประกอบ span ใน JavaScript ให้ใช้ innerHTML หรือ textContent <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo

คุณสมบัติ symbol.description จะคืนคำอธิบายทางเลือกของออบเจ็กต์ Symbol และเป็นคุณสมบัติอ่านอย่างเดียว (read-only) ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wi