วิธีใช้แท็ก <script> กำหนด JavaScript ฝั่งไคลเอนต์

แท็ก <script> ใน HTML ใช้สำหรับประกาศสคริปต์ภายในเอกสาร เพื่อกำหนด JavaScript ฝั่งไคลเอนต์ (client-side)

แอตทริบิวต์ของแท็ก <script>

แอตทริบิวต์	ค่า	คำอธิบาย
`async`	async	สคริปต์รันแบบ asynchronous
`charset`	charset	กำหนด character encoding
`defer`	defer	สคริปต์ไม่สร้างเนื้อหา เบราว์เซอร์พาร์สหน้าต่อได้
`src`	URL	ระบุ URL ของสคริปต์ภายนอก
`type`	MIME type	ระบุภาษาสคริปต์ (เช่น text/javascript)

ตัวอย่าง: JavaScript แบบ Inline (ในหน้า HTML)

<!DOCTYPE html> <html>
  <head>
    <title>HTML script Tag</title>
  </head>
  <body>
    <script>
      document.write("Simple Easy Learning: Tutorialspoint!")
    </script>
  </body>
</html>

แนวทางปฏิบัติที่ดี (Best Practices)

วาง <script> ก่อน </body> เพื่อไม่ให้บล็อกการโหลดหน้า
ใช้ defer หากวางใน <head>
แยกไฟล์ .js ภายนอกแทนการเขียน inline เพื่อความสะอาดและแคชได้
หลีกเลี่ยง document.write() ในโค้ดจริง (ใช้ DOM manipulation แทน)