Thẻ <script> HTML

Định nghĩa và cách sử dụng

<script> thẻ được sử dụng để chèn script khách hàng.

<script> Thẻ hoặc chứa các câu lệnh script, hoặc thông qua Thuộc tính src Chỉ đích đến tệp script bên ngoài.

Loại脚本 phổ biến nhất là JavaScript, mặc dù trình duyệt cũng hỗ trợ một số ngôn ngữ脚本 khác.

Ứng dụng phổ biến của JavaScript là xử lý hình ảnh, kiểm tra biểu mẫu và thay đổi nội dung động.

Chú ý：Loại của thẻ script thuộc về vì cách sử dụng của nó. Các thẻ script ở phần head thuộc về các yếu tố metadata, ở các phần khác (như body hoặc sectionthuộc về các yếu tố cụm từ.

Xin xem thêm：

Giáo trình HTML：HTML Script

Tài liệu tham khảo HTML DOM：Đối tượng Script

Giáo trình JavaScript：Học JavaScript

Mô hình

Ví dụ 1: Định nghĩa script nội bộ trong tài liệu

Viết "Hello JavaScript!" bằng JavaScript:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Thử nghiệm trực tiếp

Ví dụ 2: Tải thư viện script ngoại vi

<script src="simple.js"></script>

Thử nghiệm trực tiếp

Lưu ý và chú thích

Lưu ý:Đối với trình duyệt không hỗ trợ hoặc tắt script, hãy xem Thẻ <noscript>.

Lưu ý:Nếu bạn muốn học thêm về JavaScript, hãy truy cập trang web của chúng tôi Giáo trình JavaScript.

Thuộc tính

Thuộc tính Giá trị Mô tả
async async Định nghĩa script tải song song khi phân tích trang và thực thi ngay khi có sẵn (trước khi phân tích hoàn thành) (chỉ áp dụng cho script ngoại vi).
crossorigin
  • anonymous
  • use-credentials
 Đặt chế độ yêu cầu HTTP CORS.
defer defer Định nghĩa script tải song song khi phân tích trang và thực thi sau khi phân tích trang hoàn thành (chỉ áp dụng cho script ngoại vi).
integrity filehash Cho phép trình duyệt kiểm tra script được tải để đảm bảo rằng mã nguồn không bao giờ được tải nếu mã nguồn bị thay đổi.
nomodule
  • True
  • False
 Định nghĩa script không nên được thực thi trong trình duyệt hỗ trợ module ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Định nghĩa thông tin người dùng tham chiếu nào được gửi khi tải script.
src URL Định nghĩa URL của tệp script ngoại vi.
type Loại script Định nghĩa loại phương tiện của script.

Sự khác biệt giữa HTML và XHTML

Trong XHTML, nội dung của script được khai báo là #PCDATA (thay vì CDATA), điều này có nghĩa là các thẻ sẽ được phân tích.

Điều này có nghĩa là trong XHTML, tất cả các ký tự đặc biệt nên được mã hóa hoặc tất cả nội dung nên được bao bọc trong phần CDATA:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

Các thuộc tính toàn cục

<script> Nhãn còn hỗ trợ Các thuộc tính toàn cục trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị có giá trị mặc định sau đây <script> Thành phần:

script {
  display: none;
}

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ