สมมติคุณมีเอกสาร HTML พื้นฐาน และต้องการฝัง (นำเข้า) ไฟล์ JavaScript ภายนอกเข้าไปในเอกสาร
ทำได้โดยใช้ Element HTML <script>:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=" /> <title>Page title</title> <script src="main.js" defer></script> </head> <body> <h1>How to embed a JavaScript file in an HTML file</h1> </body> </html>สังเกตแอตทริบิวต์ defer บน Element Script Defer หมายถึง โค้ดใน main.js จะไม่รันจนกว่าหน้าเว็บจะโหลดเนื้อหาทั้งหมดเสร็จ (ข้อความ รูปภาพ ลิงก์ ฯลฯ)
จริงๆ แล้ว หากคุณต้องการรัน JavaScript ก่อน โหลดเนื้อหาเว็บทั้งหมด 就不要ใช้แอตทริบิวต์ defer
หมายเหตุ: แอตทริบิวต์ defer ทำงานเฉพาะเมื่อฝังไฟล์ JavaScript ภายนอก ไม่ทำงานบนโค้ด JavaScript แบบ Inline
