การเขียน JavaScript ในส่วนของ HTML

ในการเขียนโค้ดในภาษา HTML เราจะสามารถแทรกคำสั่งของภาษา JavaScript ไว้ในส่วนใดๆ ก็ได้ใน HTML ซึ่งเราสามารถแยกได้เป็น 5 หัวข้อ ดังนี้ เรามาดูตัวอย่างการเขียนไปพร้อมๆ กันค่ะ
1. ในส่วนหัวของ HTML จะถูกแทรกภาษา JavaScript เข้าไปดังนี้
ตัวอย่าง

2. ในส่วนตัวของเอกสาร HTML จะสามารถแทรกได้เฉพาะส่วนของเว็บเพจที่อยู่ใต้โค้ด JavaScript เท่านั้น
ตัวอย่าง

3. ในส่วนของ Event ของแท็กคำสั่ง HTML คือการระบุคำสั่ง JavaScript ในตำแหน่งที่ระบุเท่านั้น
ตัวอย่าง

4. เก็บไว้ในไฟล์แยกต่างหาก โดยอาจจะเก็บไว้ที่นามสกุล .js
ตัวอย่าง

5. เขียนไว้อย่างอิสระนอกโครงสร้างภาษา HTML
เช่น อาจจะเขียนวางไว้ก่อนหน้าหรือหลังหรือจะวางไว้ระหว่าง …ก็ได้เหมือนกัน
แต่ปัจจุบันไม่เป็นที่นิยมกัน เพราะบราวเซอร์บางรุ่นไม่สามารถรองรับได้
ไอทีจีเนียส เอ็นจิเนียริ่ง ให้บริการด้านไอทีครบวงจร
ทั้งงานอบรม (Training) สัมมนา รับเขียนโปรแกรม เว็บไซต์ แอปพลิเคชัน งานออกแบบกราฟิก และงานด้าน E-Marketing ทั้ง SEO, PPC และ Social Media Marketing
ติดต่อเราเพื่อสอบถามผลิตภัณฑ์ ขอราคา หรือปรึกษาเรื่องไอทีได้เลยค่ะ
แนะนำหลักสูตรที่น่าสนใจ

Figma to HTML & CSS Workshop
ทีมพัฒนาเว็บส่วนใหญ่ได้รับงานออกแบบมาเป็นไฟล์ Figma แต่การแปลงดีไซน์ให้เป็นหน้าเว็บที่ตรงแบบ แสดงผลดีทุกขนาดจอ และแก้ไขต่อได้ง่าย ต้องอาศัยทั้งการอ่านไฟล์ออกแบบเป็นและความเข้าใจ HTML กับ CSS สมัยใหม่ หากเขียนโค้ดโดยไม่วางแผน หรือพึ่ง Framework…

Advanced JavaScript
JavaScript ทุกวันนี้ไม่ได้อยู่แค่บนหน้าเว็บ แต่ยังใช้สร้าง API ฝั่งเซิร์ฟเวอร์ เครื่องมือ Build และแอปพลิเคชันขนาดใหญ่ นักพัฒนาที่เขียนพื้นฐานได้แล้วมักเริ่มเจอปัญหาเมื่อโค้ดโตขึ้น เช่น ค่า this ไม่เป็นอย่างที่คิด งาน Asynchronous ทำงานผิดลำดับ Error…
