Thẻ HTML <script>
Ví dụ
Viết "Xin chào JavaScript!" với JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thẻ <script> được sử dụng để nhúng tập lệnh phía máy khách (JavaScript).
Phần tử <script> chứa các câu lệnh script hoặc nó trỏ đến tệp 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.
Lời khuyên và ghi chú
Mẹo: Ngoài ra, hãy xem phần tử <noscript> để biết người dùng đã tắt tập lệnh trong trình duyệt của họ hoặc có trình duyệt không hỗ trợ tập lệnh phía máy khách.
Mẹo: Nếu bạn muốn tìm hiểu thêm về JavaScript, hãy truy cập Hướng dẫn JavaScript của chúng tôi.
Hỗ trợ trình duyệt
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
Sự khác biệt giữa HTML và XHTML
Trong XHTML, nội dung bên trong tập lệnh đượ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 chung
Thẻ <script> cũng hỗ trợ Thuộc tính chung trong HTML .
Trang liên quan
Hướng dẫn HTML: Tập lệnh HTML
Tham chiếu DOM HTML: Đối tượng tập lệnh
Hướng dẫn JavaScript: Tìm hiểu JavaScript
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 các giá trị mặc định sau:
script {
display: none;
} 