Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách dùng thẻ <script> để định nghĩa JavaScript phía client?

Thẻ <script> trong HTML dùng để khai báo script (mã JavaScript) trực tiếp trong tài liệu. Đây là cách nhúng inline JavaScript (JS nội tuyến).

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

Thuộc tínhGiá trịMô tả
asyncasyncThực thi script bất đồng bộ.
charsetcharsetEncoding của script.
deferdeferHoãn thực thi sau khi HTML parse xong.
srcURLĐường dẫn file JS bên ngoài.
typetext/javascript, module, v.v.Kiểu MIME của script.

Ví dụ: JS nội tuyến trong <script>

<!DOCTYPE html>
<html>
<head>
    <title>Thẻ script HTML</title>
</head>
<body>
    <script>
        document.write("Học lập trình dễ dàng: Tutorialspoint!");
    </script>
</body>
</html>

Vị trí đặt thẻ <script>:

  • Trong <head>: Dùng với defer hoặc script nhỏ, không phụ thuộc DOM.
  • Cuối <body>: Phổ biến nhất, đảm bảo DOM đã sẵn sàng.
  • Tránh đặt quá nhiều script ở head mà không có defer/async (chặn render).

Thực hành tốt: Tách file JS ra riêng (external) thay vì viết inline để tận dụng cache trình duyệt và dễ bảo trì.