Thẻ HTML <script>
Định nghĩa và cách sử dụng thẻ <script>
Thẻ <script>
được sử dụng để nhúng script phía client (JavaScript). Ví dụ, viết "Hello JavaScript!" với JavaScript như sau:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Phần tử <script>
chứa các câu lệnh script hoặc nó trỏ đến file script bên ngoài thông qua thuộc tính src.
Các cách sử dụng phổ biến của JavaScript là thao tác hình ảnh, xác thực biểu mẫu và thay đổi nội dung động.
Ghi chú:
Ngoài ra, hãy xem phần tử <noscript> để biết người dùng đã tắt script trong trình duyệt của họ hoặc có trình duyệt không hỗ trợ script phía client.
Hỗ trợ trình duyệt
Phần tử <script> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính
Thuộc tính | Giá trị | Mô tả |
---|---|---|
async | async | Chỉ định rằng script được tải xuống song song với việc phân tích cú pháp trang và được thực thi ngay khi có sẵn (trước khi quá trình phân tích cú pháp hoàn tất) (chỉ dành cho các script bên ngoài) |
crossorigin | anonymous use-credentials | Đặt chế độ của yêu cầu thành HTTP CORS Request |
defer | defer | Chỉ định rằng script được tải xuống song song với việc phân tích cú pháp trang và được thực thi sau khi trang phân tích cú pháp xong (chỉ dành cho các script bên ngoài) |
integrity | filehash | Cho phép trình duyệt kiểm tra script đã tìm nạp để đảm bảo rằng code không bao giờ được load nếu nguồn đã bị thao túng |
nomodule | True False | Chỉ định rằng script không được thực thi trong các trình duyệt hỗ trợ mô-đun ES2015 |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url | Chỉ định thông tin liên kết giới thiệu nào sẽ gửi khi tìm nạp script |
src | URL | Chỉ định URL của file script bên ngoài |
type | scripttype | Chỉ định loại media của script |
Sự khác biệt giữa HTML và XHTML
Trong XHTML, nội dung bên trong script được khai báo là #PCDATA (thay vì CDATA), có nghĩa là các thực thể sẽ được phân tích cú pháp.
Điều này có nghĩa là trong XHTML, tất cả các ký tự đặc biệt phải được mã hóa hoặc tất cả nội dung phải được gói trong phần CDATA:
<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Thuộc tính Global
Thẻ <script>
cũng hỗ trợ các thuộc tính Global trong HTML.
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <script>
với những giá trị mặc định sau:
script {
display: none;
}
Bạn nên đọc


Cũ vẫn chất
-
Top 7 phần mềm giả lập PC trên Android
Hôm qua -
Ngày đẹp khai xuân 2024, ngày tốt khai trương đầu năm 2024
Hôm qua -
Cách chuyển mã phông chữ với Unikey
2 ngày -
Cách tải LOL PBE, tạo tài khoản PBE DTCL
Hôm qua 17 -
Ngày Hoàng đạo tháng 2 năm 2024, ngày đẹp tháng 2/2024
Hôm qua -
Mẹo chơi trái Băng trong Blox Fruit
Hôm qua -
Hóa vàng ngày nào đẹp Tết Giáp Thìn 2024
Hôm qua -
Thơ về hoa đào hay đón Tết đến Xuân về
2 ngày -
Hướng dẫn tạo hiệu ứng động trong Canva
Hôm qua -
Luyện tập gõ 10 ngón giúp tăng tốc đánh máy
2 ngày 39