สมมติว่าคุณมีเอกสาร HTML พื้นฐานและต้องการฝัง (นำเข้า) ไฟล์ JavaScript ภายนอกลงในเอกสารของคุณ
ในการทำเช่นนั้น คุณต้องใช้ 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 แอตทริบิวต์บนองค์ประกอบสคริปต์ Defer หมายถึงโค้ดที่อยู่ใน main.js ไฟล์จะไม่ทำงานจนกว่าหน้าเว็บจะโหลดองค์ประกอบเนื้อหาทั้งหมดเสร็จแล้ว (ข้อความ รูปภาพ ลิงก์ ฯลฯ)
เห็นได้ชัดว่าหมายความว่าหากคุณต้องการเรียกใช้ไฟล์ JavaScript ก่อน โหลดเนื้อหาหน้าเว็บทั้งหมดแล้ว คุณอย่าใช้ defer แอตทริบิวต์
หมายเหตุ:defer คุณลักษณะใช้งานได้เฉพาะเมื่อคุณฝังไฟล์ JavaScript ภายนอก ไม่ใช่ใน inline รหัส JavaScript
