Cách nhúng tệp JavaScript vào tệp HTML

Giả sử bạn có một tài liệu HTML cơ bản và muốn nhúng (nhập) một tệp JavaScript bên ngoài vào tài liệu của bạn.

Để làm điều đó, bạn cần dùng phần tử HTML <script>:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=" /> <title>Tiêu đề trang</title> <script src="main.js" defer></script> </head> <body> <h1>Cách nhúng tệp JavaScript vào tệp HTML</h1> </body> </html>

Chú ý thuộc tính defer trên phần tử script. Defer nghĩa là mã bên trong tệp main.js sẽ không chạy cho đến sau khi trang web đã tải xong tất cả các phần tử nội dung (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 nào bạn cần chạy tệp JavaScript của mình trước khi tất cả nội dung trang web được tải, thì bạn không dùng thuộc tính defer.

Lưu ý: thuộc tính defer chỉ hoạt động khi bạn nhúng tệp JavaScript bên ngoài, không hoạt động trên mã JavaScript nội tuyến (inline).