เหตุการณ์ onmousemove กระตุ้นเมื่อตัวชี้เมาส์เคลื่อนที่ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onmousemove ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(Mouse Move); } //--> </sc

เหตุการณ์ onmouseover กระตุ้นเมื่อตัวชี้เมาส์เคลื่อนเข้าไปบนองค์ประกอบ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onmouseover ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(Mouse Over); } //--&

เป็นเหตุการณ์ที่กระตุ้นเมื่อตัวชี้เมาส์เคลื่อนออกจากองค์ประกอบ (element) ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับเหตุการณ์ onmouseout ใน JavaScript <html> <head> <script> <!-- function sayHello() { alert(Mouse Out); } //--&

เวอร์ชันล่าสุดของ JavaScript เพิ่มความสามารถในการจัดการข้อยกเว้น JavaScript รองรับโครงสร้าง try...catch...finally และตัวดำเนินการ throw เพื่อจัดการข้อยกเว้น คุณสามารถ catch ข้อยกเว้นที่โปรแกรมเมอร์สร้างและ runtime exceptions ได้ แต่ไม่สามารถจับ JavaScript syntax errors ได้ ไวยากรณ์ของบล็อก try...c

ใน JavaScript ใช้คำสั่ง throw เพื่อโยนข้อยกเว้นในตัว (built-in) หรือข้อยกเว้นที่กำหนดเอง ข้อยกเว้นเหล่านี้สามารถจับได้ภายหลังและดำเนินการที่เหมาะสม ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานคำสั่ง throw ใน JavaScript <html> <head> <script> <!-- function myFunc()

ตัวจัดการเหตุการณ์ onerror เป็นฟีเจอร์แรกที่ช่วยให้จัดการข้อผิดพลาดใน JavaScript ได้ เหตุการณ์ error จะถูกยิงบนออบเจกต์ window เมื่อใดก็ตามที่มีข้อยกเว้นเกิดขึ้นบนหน้าเว็บ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อใช้งานเมธอด onerror() ใน JavaScript <html> <head> <script> <!-

เพื่อตรวจสอบค่า null ใน JavaScript ต้องตรวจสอบค่าตัวแปรกับ null ใช้ตัวดำเนินการเทียบเท่าที่เข้มงวด (strict equality operator) ของ JavaScript ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อตรวจสอบว่าค่าของตัวแปรเป็น null หรือไม่ <html> <head> <title>JavaScript Strict Equality Operator</t

เพื่อจับข้อยกเว้นใน JavaScript ให้ใช้ try...catch...finally JavaScript รองรับโครงสร้าง try...catch...finally และตัวดำเนินการ throw เพื่อจัดการข้อยกเว้น คุณสามารถจับข้อยกเว้นที่โปรแกรมเมอร์สร้างและ runtime exceptions ได้ แต่ไม่สามารถจับ JavaScript syntax errors ได้ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเ

JavaScript ให้วิธีตรวจสอบข้อมูลฟอร์มบนคอมพิวเตอร์ของผู้ใช้ก่อนส่งไปยังเว็บเซิร์ฟเวอร์ การตรวจสอบฟอร์มเบื้องต้นรวมถึงการตรวจสอบว่าช่องที่จำเป็นทั้งหมดถูกกรอกแล้วหรือยัง ต้องใช้ลูปตรวจสอบแต่ละช่องในฟอร์ม ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อทำการตรวจสอบฟอร์มเบื้องต้นใน JavaScript <html> <head&

กระบวนการหาและแก้ไขบั๊ก เรียกว่า debugging เป็นส่วนปกติของกระบวนการพัฒนา วิธีดีบั๊ก JavaScript ด้วย Google Chrome: เปิดเบราว์เซอร์ Google Chrome จากด้านขวาเลือก Tools ไปที่ Tools และเลือก Developer tools ตามภาพด้านบน เลือก Console

กระบวนการหาและแก้ไขบั๊ก เรียกว่า debugging เป็นส่วนปกติของกระบวนการพัฒนา เบราว์เซอร์อื่นๆ เช่น Firefox, Netscape, และ Mozilla ส่งข้อความข้อผิดพลาดไปยังหน้าต่างพิเศษที่เรียกว่า JavaScript Console หรือ Error Console น่าเสียดายที่เบราว์เซอร์เหล่านี้ไม่ให้การแจ้งเตือนภาพเมื่อเกิดข้อผิดพลาด คุณต้องเปิด

วิธีพื้นฐานที่สุดในการหาข้อผิดพลาดคือการเปิดข้อมูลข้อผิดพลาดในเบราว์เซอร์ โดยค่าเริ่มต้น Internet Explorer จะแสดงไอคอนข้อผิดพลาดในแถบสถานะเมื่อเกิดข้อผิดพลาดบนหน้าเว็บ ดับเบิลคลิกไอคอนนี้จะนำคุณไปยังกล่องโต้ตอบที่แสดงข้อมูลเกี่ยวกับข้อผิดพลาดเฉพาะที่เกิดขึ้น เนื่องจากไอคอนนี้ง่ายที่จะมองข้าม Intern

เพื่อแปลงวินาทีเป็นรูปแบบ HH-MM-SS ด้วย JavaScript ให้ลองรันโค้ดด้านล่าง ตัวอย่าง <html> <head> <title>JavaScript Dates</title> </head> <body> <div id=newSeconds></div> <script> var convertSeconds = function(sec) {

Regular expression เป็นออบเจกต์ที่อธิบายรูปแบบของตัวอักษร คลาส RegExp ของ JavaScript แทน regular expressions ทั้ง String และ RegExp กำหนดเมธอดที่ใช้ regular expressions เพื่อทำการจับคู่รูปแบบและค้นหา-แทนที่ข้อความได้อย่างมีประสิทธิภาพ Regular expression สามารถกำหนดได้ด้วย constructor RegExp() ดังนี

Regular expression เป็นออบเจกต์ที่อธิบายรูปแบบของตัวอักษร คลาส RegExp ของ JavaScript แทน regular expressions ทั้ง String และ RegExp กำหนดเมธอดที่ใช้ regular expressions เพื่อทำการจับคู่รูปแบบและค้นหา-แทนที่ข้อความได้อย่างมีประสิทธิภาพ Regular expression สามารถกำหนดได้ด้วย constructor RegExp() ดังนี

เพื่อคำนวณพื้นที่และเส้นรอบวงของวงกลม สามารถลองรันโค้ดด้านล่างได้ ตัวอย่าง <html> <head> <title>JavaScript Example</title> </head> <body> <script> function Calculate(r) { this.r = r; this.perimeter = function() {

เพื่อหาค่าเลขยกกำลังของตัวเลข ให้ใช้เมธอด Math.pow(base, exponent) เมธอดนี้จะคืนค่าฐานยกกำลังเลขชี้กำลัง นั่นคือ baseexponent พารามิเตอร์ที่ใช้ในเมธอด Math.pow() ได้แก่: base - ตัวเลขฐาน exponent - เลขชี้กำลังที่จะยกฐานขึ้นไป ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อหาค่าเลขยกกำลัง <html> <

ใช้เมธอด Math.round() เพื่อหาค่าตัวเลขปัดเศษเป็นจำนวนเต็มที่ใกล้ที่สุด ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อคืนค่าตัวเลขปัดเศษเป็นจำนวนเต็มที่ใกล้ที่สุดใน JavaScript <html> <head> <title>JavaScript Math round() Method</title> </head> <body> <script>

เพื่อแปลงออบเจกต์ Date เป็นสตริงใน JavaScript ให้ใช้เมธอด toString() เมธอดนี้จะคืนค่าสตริงที่แสดงถึงออบเจกต์ Date ที่ระบุ ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อแปลงออบเจกต์ Date เป็นสตริง <html> <head> <title>JavaScript toString() Method</title> </head> <body>

เพื่อหาเวลาปัจจุบันในหน่วยมิลลิวินาที ให้ใช้เมธอด getMilliseconds() ของ Date เมธอดนี้จะคืนค่ามิลลิวินาทีในวันที่ระบุตามเวลาท้องถิ่น ค่าที่คืนกลับเป็นตัวเลขระหว่าง 0 ถึง 999 ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อหาเวลาปัจจุบันในหน่วยมิลลิวินาที <html> <head> <title>JavaScript getMi