Cách nhúng file JavaScript bên ngoài vào trang HTML?

Thẻ <script> dùng để khai báo script trong HTML. Để nhúng file JavaScript bên ngoài, sử dụng thuộc tính src của thẻ <script>.

Các thuộc tính của thẻ <script>

Thuộc tính	Giá trị	Mô tả
async	async	Script chạy bất đồng bộ (không chặn parse HTML).
charset	charset	Định nghĩa encoding của script.
defer	defer	Script chạy sau khi HTML parse xong (giữ thứ tự).
src	URL	Đường dẫn đến file JS bên ngoài.
type	text/javascript, module, v.v.	Loại MIME của script.

Ví dụ: HTML nhúng file myscript.js

<!DOCTYPE html>
<html>
<body>
    <h2>Nút cảnh báo</h2>
    <p>File JS bên ngoài: myscript.js</p>
    <button type="button" onclick="sayHello()">Nhấn tôi</button>
    <script src="myscript.js"></script>
</body>
</html>

Nội dung file myscript.js

function sayHello() {
    alert("Xin chào thế giới!");
}

Lưu ý quan trọng:

File JS phải có đuôi .js.
Đặt thẻ <script src="..."> ở cuối <body> hoặc dùng defer trong <head> để tránh chặn render.
Không viết code JS bên trong thẻ <script src="..."> (sẽ bị bỏ qua).