วิธีรันสคริปต์เมื่อหน้าเว็บจบการแยกวิเคราะห์ (Parsing) ใน HTML

ใช้แอตทริบิวต์ defer เพื่อรันสคริปต์เมื่อหน้าเว็บจบการแยกวิเคราะห์ (parsing) ใน HTML

ขั้นตอน

ขั้นแรก สร้างไฟล์ JS ชื่อ new.js:

function sayHello() { 
  alert("Hello World") 
}

ตัวอย่าง

เพิ่มโค้ด HTML และรันสคริปต์ข้างต้น:

<html> 
  <head> 
    <script src="new.js" defer></script> 
  </head> 
  <body> 
    <p>นี่คือข้อความสาธิต</p> 
  </body> 
</html>

ความแตกต่าง async vs defer: