Giả sử bạn có một tài liệu HTML cơ bản và bạn muốn nhúng (nhập) một tệp JavaScript bên ngoài vào tài liệu của mình.
Để làm điều đó, bạn cần sử dụng HTML <script> phần tử:
<!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>
Lưu ý defer thuộc tính trên phần tử script. Trì hoãn nghĩa là mã bên trong main.js tệp sẽ không chạy cho đến khi trang web tải xong tất cả các thành phần nội dung của nó (văn bản, hình ảnh, liên kết, v.v.).
Rõ ràng, điều đó có nghĩa là nếu vì bất kỳ lý do gì bạn cần chạy tệp JavaScript của mình trước tất cả nội dung trang web được tải, sau đó bạn không sử dụng defer thuộc tính.
Lưu ý:defer thuộc tính chỉ hoạt động khi bạn nhúng các tệp JavaScript bên ngoài, không hoạt động trên nội tuyến Mã JavaScript.