Hướng dẫn nhanh 3 cách nhúng JavaScript vào HTML

Hướng dẫn cách nhúng JavaScript vào HTML

External Javascript File - nhúng JavaScript vào HTML

Để nhúng JavaScript vào HTML bằng tệp JavaScript ngoài, bạn có thể làm theo các bước sau:

• Tạo một tệp JavaScript ngoài với phần mở rộng .js. Ví dụ: external.js
• Trong tệp JavaScript ngoài, viết mã JavaScript của bạn. Ví dụ:

• Trong tệp HTML của bạn, sử dụng thẻ script để nhúng tệp JavaScript ngoài vào. Có hai cách để nhúng:

a) Sử dụng URL tương đối:

b) Sử dụng URL tuyệt đối:

Trong cả hai cách trên, thẻ script được đặt trong phần head hoặc trước phần cuối của thẻ body.

• Khi trang HTML được tải, tệp JavaScript ngoài sẽ được tải và thực thi. Trong ví dụ trên, một hộp thoại thông báo sẽ xuất hiện khi trang HTML được tải.

Lưu ý rằng việc nhúng JavaScript bằng tệp ngoài là một trong nhiều cách để nhúng mã JavaScript vào HTML. Bạn cũng có thể sử dụng các phương pháp khác như nhúng JavaScript trực tiếp trong thẻ script hoặc sử dụng các framework hoặc thư viện JavaScript. 

Internal Javascript - nhúng JavaScript vào HTML

Để nhúng JavaScript vào HTML bằng cách sử dụng Internal JavaScript, bạn có thể làm theo các bước sau:

• Trong tệp HTML của bạn, sử dụng thẻ script để nhúng mã JavaScript trực tiếp vào. Có hai cách để làm điều này
  • Viết mã JavaScript trực tiếp trong thẻ script

• Sử dụng thẻ script với thuộc tính src để trỏ đến tệp JavaScript nội bộ

• Nếu bạn chọn cách thứ hai, hãy tạo một tệp JavaScript nội bộ với phần mở rộng .js (ví dụ: internal.js). Trong tệp JavaScript này, viết mã JavaScript của bạn

• Đặt thẻ script trong phần head hoặc trước phần cuối của thẻ body.
• Khi trang HTML được tải, mã JavaScript trong phần Internal JavaScript sẽ được thực thi. Trong ví dụ trên, một hộp thoại thông báo sẽ xuất hiện khi trang HTML được tải.