การทำงานของแอตทริบิวต์ <script defer="defer"> ใน HTML

แอตทริบิวต์ defer ใช้ระบุว่าการรันสคริปต์จะเกิดขึ้นเมื่อหน้าเว็บโหลดเสร็จแล้ว ใช้ได้เฉพาะกับสคริปต์ภายนอก (external scripts) และเป็น boolean attribute

ตัวอย่างการใช้งาน

โค้ดด้านล่างแสดงวิธีใช้แอตทริบิวต์ defer:

<!DOCTYPE html> <html>
  <body>
    <script src="defer_test.js" defer></script>
    <p>ไฟล์ภายนอกจะโหลดภายหลัง เนื่องจากเราใช้ defer</p>
  </body>
</html>

รายละเอียดเพิ่มเติม

สคริปต์ที่มี defer จะถูกดาวน์โหลดขนานกับการพาร์ส HTML
สคริปต์จะรันหลังจาก HTML ถูกพาร์สเสร็จสมบูรณ์ แต่ก่อนเหตุการณ์ DOMContentLoaded
สคริปต์หลายไฟล์ที่มี defer จะรันตามลำดับที่ปรากฏในเอกสาร
ต่างจาก async ที่รันทันทีที่โหลดเสร็จ ไม่สนใจลำดับ