ไม่สามารถแสดง Hyperlink ใน Alert Box มาตรฐานของ JavaScript ได้ ต้องใช้ Custom Alert Box แทน ด้วย Dialog Alert Widget สามารถทำได้ดังภาพ รายละเอียดเพิ่มเติม โปรดดู Source Code ของ Dialog Alert Widget

เหตุการณ์ onsubmit เกิดขึ้นเมื่อพยายามส่งฟอร์ม สามารถนำไปใช้กับการตรวจสอบฟอร์มได้ ตัวอย่างด้านล่างแสดงวิธีใช้ onsubmit โดยเรียกฟังก์ชัน validate() ก่อนส่งข้อมูลไปยังเว็บเซิร์ฟเวอร์ หาก validate() คืนค่า true ฟอร์มจะถูกส่ง มิฉะนั้นจะไม่ส่งข้อมูล <script> function validation() { // การตร

เหตุการณ์ onmouseover จะทำงานเมื่อเลื่อนเมาส์เข้าสู่องค์ประกอบใดๆ ตัวอย่าง <html> <head> <script> function over() { document.write(Mouse Over); } function out() { document.write(Mouse Out); } </script> </head> <bo

เหตุการณ์ onmouseout จะทำงานเมื่อเลื่อนเมาส์ออกจากองค์ประกอบนั้น ตัวอย่าง <html> <head> <script> function over() { document.write(Mouse Over); } function out() { document.write(Mouse Out); } </script> </head> <bod

เพื่อขึ้นบรรทัดใหม่ใน Alert Box ให้ใช้ \n alert(Line One\n Line Two); ตัวอย่าง <html> <head> <script> function Warn() { alert(This is a warning message!\nThis is a new line.); document.write(This is a warning message!); } </script> <

สัญลักษณ์ +function() {} ใช้บังคับให้ Parser จัดการสิ่งที่อยู่หลังเครื่องหมาย + เป็น Expression (นิพจน์) มักใช้กับฟังก์ชันที่เรียกใช้ทันที (Immediately Invoked Function) เช่น +function() { alert(Demo!); }(); แต่เครื่องหมาย + ไม่ใช่ตัวเลือกเดียว สามารถใช้ !, -, ~ ได้เช่นกัน วงเล็บก็สามารถใช้แทนได้ดัง

เหตุการณ์ onsubmit เกิดขึ้นเมื่อพยายามส่งฟอร์ม สามารถนำไปใช้กับการตรวจสอบฟอร์ม (Form Validation) ได้ ตัวอย่างด้านล่างแสดงวิธีใช้ onsubmit โดยเรียกฟังก์ชัน validate() ก่อนส่งข้อมูลไปยังเว็บเซิร์ฟเวอร์ หาก validate() คืนค่า true ฟอร์มจะถูกส่ง มิฉะนั้นจะไม่ส่งข้อมูล <script> function validatio

ลูป for...in ใช้วนลูปผ่าน Property ของออบเจ็กต์ ไวยากรณ์ for (variablename in object) { statement or block to execute } ตัวอย่าง <html> <body> <script> var aProperty; document.write(Navigator Object Properties<br /> ); for (aProperty in navigator) { document.write(a

ใช้ฟังก์ชัน super() เพื่อเรียก Constructor ของคลาสแม่ (Parent Class) และเข้าถึงฟังก์ชันบนคลาสแม่ของออบเจ็กต์ ตัวอย่าง <!DOCTYPE html> <html> <body> <script> class Department { constructor() {} static msg() { return Hello; }

สามารถสร้าง Custom Object ใน JavaScript ได้ดังตัวอย่างต่อไปนี้ ตัวอย่าง <!DOCTYPE html> <html> <body> <p id=test></p> <script> var dept = new Object(); dept.employee = Amit; dept.department = Technical; dept.technology = Java;

ไม่สามารถเปลี่ยนหัวข้อของ JavaScript Alert Box มาตรฐานได้ เนื่องจากปัญหาด้านความปลอดภัย แต่สามารถสร้าง Alert Box แบบกำหนดเอง (Custom Modal Dialogs) หรือใช้ปลั๊กอิน jQuery ได้ ตัวอย่างการใช้ Custom Alert Box เช่น Sweet Alert ที่อนุญาตให้ตั้งค่าหัวข้อตามต้องการ:

เหตุการณ์ onClick เป็นประเภทเหตุการณ์ที่ใช้บ่อยที่สุด เกิดขึ้นเมื่อผู้ใช้คลิกปุ่มเมาส์ซ้าย ตัวอย่าง สามารถนำไปใช้กับการตรวจสอบข้อมูล การแสดงคำเตือน ฯลฯ โค้ดตัวอย่าง <html> <head> <script> function sayHello() { alert(Hello World); } </script> &l

การใช้คำสั่ง continue ทำให้โค้ดยากต่อการเข้าใจ ในกรณีส่วนใหญ่ การใช้ continue หมายถึงเงื่อนไขในลูปไม่เพียงพอ สามารถแก้ไขได้โดยเพิ่มเงื่อนไขในลูปหรือใช้ if ภายในลูปแทน แต่ continue ไม่ได้เลวร้ายเสมอไป หากใช้อย่างสม่ำเสมอและถูกต้อง จะช่วยประหยัดหน่วยความจำและบรรทัดโค้ดได้มาก ตัวอย่าง <html> &l

บล็อกคำสั่ง (Block statement) ใช้จัดกลุ่มคำสั่งศูนย์หรือหลายคำสั่ง ในภาษาอื่นเรียกว่า Compound Statement ไวยากรณ์ (Syntax) { // รายการคำสั่ง } เพื่อตั้งฉลาก (Label) ให้กับบล็อก ใช้รูปแบบดังนี้ Identifier_for_label: { StatementList } สามารถใช้กับคำสั่ง break เพื่อควบคุมโฟลว์การทำงาน ลองดูตัวอ

JavaScript โต้ตอบกับ HTML ผ่านเหตุการณ์ (events) ที่เกิดขึ้นเมื่อผู้ใช้หรือเบราว์เซอร์จัดการกับหน้าเว็บ เหตุการณ์ (Events) คืออะไร? เมื่อหน้าเว็บโหลดเสร็จ เรียกว่าเหตุการณ์หนึ่ง เมื่อผู้ใช้คลิกปุ่ม การคลิกก็เป็นเหตุการณ์เช่นกัน ตัวอย่างอื่นๆ ได้แก่ การกดปุ่มคีย์บอร์ด การปิดหน้าต่าง การปรับขนาดหน้าต่

นิยาม Lifetime (อายุการใช้งาน) ของตัวแปร JavaScript เริ่มต้นเมื่อถูกประกาศ (Declared) ประเภทตัวแปรตามขอบเขต (Scope) 1. Local Variable (ตัวแปรท้องถิ่น) ประกาศภายในฟังก์ชัน (var, let, const) เข้าถึงได้เฉพาะภายในฟังก์ชันนั้นๆ Parameter ของฟังก์ชันก็เป็น Local Variable เสมอ ถูกทำลาย (Destroye

นิยาม DOM Events คือเหตุการณ์ที่เกิดขึ้นบนหน้าเว็บ ซึ่ง JavaScript สามารถจับ (listen) และตอบสนอง (handle) ได้ Events เป็นส่วนหนึ่งของ DOM Level 3 ทุก HTML Element มีชุด Events ของตัวเอง ตัวอย่างพื้นฐาน: เปลี่ยนข้อความเมื่อคลิก <!DOCTYPE html> <html> <body> <p onclick=myEvent(

Event onClick คืออะไร เหตุการณ์ onclick เกิดขึ้นเมื่อผู้ใช้คลิกปุ่มซ้ายของเมาส์ที่องค์ประกอบ HTML ใดๆ นี่คือ Event ที่ใช้บ่อยที่สุดสำหรับการโต้ตอบผู้ใช้ วิธีการผูก Event Handler 1. Inline HTML Attribute (แบบเก่า) <input type=button onclick=display() value=Click me /> 2. DOM Property (แบบเก่

Confirm Dialog Box คืออะไร กล่องโต้ตอบยืนยัน (Confirmation Dialog) ใช้ขอความยินยอมจากผู้ใช้ แสดงปุ่มสองปุ่ม: OK และ Cancel Syntax: confirm() var result = confirm(message); message: ข้อความแสดงในกล่อง (String) ค่าที่คืนกลับ ผู้ใช้กด OK: คืนค่า true ผู้ใช้กด Cancel หรือปิดกล่อง: คืนค่า fals

Timestamp คืออะไร Timestamp คือจำนวนวินาที (หรือมิลลิวินาที) นับจาก Unix Epoch: 1 มกราคม 1970 00:00:00 UTC วิธีการดึง Timestamp 1. มิลลิวินาที (Milliseconds) - มาตรฐาน JS var ms = Date.now(); // ES5+ แนะนำ var ms = new Date().getTime(); // รุ่นเก่า var ms = +new Date(); // Short