IE4 DOM (Internet Explorer 4 Document Object Model) มีคุณสมบัติเอกสารเฉพาะตัวที่แตกต่างจาก W3C DOM ด้านล่างคือรายการหลัก: ตารางคุณสมบัติ Document ของ IE4 DOM #Propertyคำอธิบายตัวอย่าง 1activeElementอ่านอย่างเดียว (Read-only) อ้างอิง Element ที่กำลังมี Focus อยู่ (Input, Button, Link, ฯลฯ)documen

IE4 DOM (Document Object Model) ถูกนำเสนอใน Internet Explorer 4 เป็นโมเดล DOM แบบดั้งเดิม (Legacy) ก่อนมาตรฐาน W3C DOM IE 5+ รองรับ W3C DOM พื้นฐาน แต่ IE4 DOM ยังคงทำงานใน IE แบบเก่าและโหมด Compatibility คุณสมบัติหลักของ IE4 DOM document.all[] - คอลเลกชันของทุก Element ในเอกสาร (เข้าถึงได้ด้วย Ind

ใน JavaScript Regular Expressions วงเล็บเหลี่ยม [] ใช้สำหรับกำหนด Character Class (ชุดตัวอักษร) หรือ Character Set หมายถึง จับคู่ตัวอักษรใดตัวอักษรหนึ่งจากชุดที่กำหนด รูปแบบพื้นฐาน Patternความหมายตัวอย่าง Match [abc]จับคู่ a หรือ b หรือ ca, b, c [a-z]จับคู่ตัวอักษรพิมพ์เล็ก a ถึง za, m, z [A-Z]จ

ใช้คุณสมบัติ innerHTML ของ Element <td> หรือ <th> เพื่อดึงเนื้อหา HTML ภายในเซลล์ โครงสร้างตารางตัวอย่าง <table id=myTable border=1> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>Row 1, Cell 1</td>

การเพิ่มโค้ด Debug ช่วยให้เห็นค่าตัวแปร ลำดับการทำงาน และสถานะของโปรแกรมขณะรัน ได้ 2 วิธีหลักคือ alert() และ document.write() แต่ในปัจจุบันแนะนำให้ใช้ Console API และ Debugger แทน วิธีเก่า (Basic) - ใช้ในการสอน/ทดสอบด่วน 1. alert() - แสดงกล่องข้อความ var debugging = true; var whichImage = widget; i

ออบเจกต์ navigator ใน JavaScript ให้ข้อมูลเกี่ยวกับเบราว์เซอร์และสภาพแวดล้อมของผู้ใช้ นี่คือคุณสมบัติ (Properties) หลักที่ใช้งานได้: ตารางคุณสมบัติ Navigator หลัก Propertyคำอธิบายรองรับ appCodeNameชื่อรหัสของเบราว์เซอร์ (เช่น Mozilla สำหรับ Chrome, Firefox, Safari, Edge)ทุกเบราว์เซอร์ appNameชื่

ใช้ navigator.userAgent String เพื่อตรวจจับ Browser แต่ ไม่แนะนำให้ใช้ใน Production (Unreliable, Spoofable) ควรใช้ Feature Detection แทน ตัวอย่างโค้ด (Legacy Approach) <html> <head> <title>Browser Detection Example</title> </head> <body> <script> v

ทั้งคู่ใช้สำหรับ Async Timing แต่วิธีทำงานต่างกัน: Functionคำอธิบายความถี่Return Value setTimeout(fn, delay)รอ delay ms แล้วรัน fn 1 ครั้ง1 ครั้งTimer ID (Number) setInterval(fn, delay)รัน fn ซ้ำทุก delay msซ้ำเรื่อยๆTimer ID (Number) ตัวอย่าง setTimeout console.log(Hello + name), 1000,

JavaScript มี Error (ข้อผิดพลาด) 3 ประเภทหลัก ต่างกันที่ เวลาเกิด, สาเหตุ, และวิธีจัดการ 1. Syntax Errors (ข้อผิดพลาดไวยากรณ์ / Parsing Errors) เกิดขณะ Parse/Compile โค้ด (ก่อนรัน) โค้ดไม่ถูกต้องตาม Grammar ของภาษา Script หยุดทำงานทันที ไม่รันบรรทัดไหนเลย เฉพาะ Thread/Script ที่มี Error ถ

คำสั่ง throw ใช้เพื่อ โยน Exception (ข้อยกเว้น) ขึ้นมาเอง (Custom Exception) หรือ Built-in Exception เพื่อบอกว่าเกิดข้อผิดพลาดขึ้น แล้วจับ (catch) ไว้ที่ระดับสูงกว่าจัดการ ไวยากรณ์ throw expression; // expression สามารถเป็นค่าไหนก็ได้: String, Number, Object, Error Object ตัวอย่างโค้ด <html>

ใช้ Capability Testing (Feature Detection) ตรวจสอบว่า Browser รองรับ Method/Property ที่ต้องการหรือไม่ แล้วเลือก DOM ที่เหมาะสม Code Snippet if (document.getElementById) { // W3C DOM Method พร้อมใช้งาน var element = document.getElementById(myId); } else if (document.all) { // IE4 DOM (docume

Legacy DOM (DOM Level 0) เป็นรูปแบบเก่าสำหรับเข้าถึง Document Properties ผ่าน Collection ต่างๆ ของ Document Object รองรับโดย Browser ทุกตัว แต่เข้าถึงได้เฉพาะส่วนจำกัด (Forms, Images, Links, Anchors) ตัวอย่างโค้ด <html> <head> <title> Document Title </title> <script&

Object ใน Web Document จัดระเบียบในรูปแบบ Hierarchy (ลำดับชั้น) เริ่มจาก Window Object สูงสุด ลงมาจนถึง Form Control Elements ลำดับชั้นของ Object (Object Hierarchy) Window Object - ระดับบนสุด (Top of Hierarchy) เป็น Global Object ใน Browser แทน Browser Window/Tab Document Object - แต่ละ HTML

Legacy DOM (DOM Level 0) โมเดลเก่าๆ ที่รองรับโดย Browser ทุกตัว แต่เข้าถึงได้แค่ส่วนสำคัญ: Forms, Form Elements, Images Document Methods # Method & Description 1 clear() - Deprecated ล้างเนื้อหาเอกสาร คืนค่า nothing document.clear() 2

Navigator Object Methods Navigator Object มี Methods ต่อไปนี้ (บางตัว Deprecated หรือ Browser-specific): # Method & Description 1 javaEnabled() - ตรวจสอบว่า Java Applet เปิดใช้งานหรือไม่ (Deprecated - Java Applets ตายแล้ว) คืน true/false

clearTimeout() คืออะไร clearTimeout() ใช้ยกเลิก Timer ที่ตั้งไว้ด้วย setTimeout() ป้องกันไม่ให้ Callback Function ทำงาน Syntax clearTimeout(timeoutID); timeoutID: ค่าที่คืนมาจาก setTimeout() (Number) ตัวอย่างโค้ด (Animation مع Stop) <html> <head> <title>JavaScript Animation

Manual Animation (แอนิเมชันแบบแมนูอัล) การเคลื่อนไหวที่ควบคุมโดยผู้ใช้หรือ Event โดยตรง ไม่มีการทำงานอัตโนมัติ โครงสร้าง ใช้ getElementById() ดึง DOM Element เก็บใน Global Variable ฟังก์ชัน init() เริ่มต้น ตั้งค่า Position/Style เรียก init() ตอน window.onload ฟังก์ชัน moveRight() เพิ่ม lef

ใช้ navigator.plugins navigator.plugins เป็น Array-like Object มี Entry สำหรับแต่ละ Plugin ที่ติดตั้ง ตัวอย่างโค้ด <html> <head> <title>List of Plug-Ins</title> </head> <body> <table border=1> <tr> <th>Plug-in Name</th>

Plugin ใน Navigator Object แต่ละ Plugin ใน navigator.plugins Array มี Properties ดังนี้: Properties ของ Plugin Property คำอธิบาย nameชื่อของ Plugin filenameชื่อไฟล์ Executable ที่โหลดติดตั้ง Plugin descriptionคำอธิบายของ Plugin จาก Developer mimeTypes

ข้อควรทราบ ตัวอย่างในบทความต้นฉบับเป็น Animation (ย้ายรูปภาพ) ไม่ใช่การเล่น Multimedia File (Audio/Video) จริงๆ JavaScript สมัยใหม่ใช้ <audio> และ <video> HTML5 Elements ควบคุมด้วย JS API เล่น Audio ด้วย JavaScript { console.log(`Progress: ${audio.currentTime}/${audio.duration}`); })