Thẻ HTML <script>
Thí dụ
Viết "Xin chào JavaScript!" với JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Đị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 <script>tử chứa các câu lệnh script hoặc nó trỏ đến một tệp script bên ngoài thông qua thuộc tính src.
Các ứng dụng phổ biến cho JavaScript là thao tác hình ảnh, xác thực biểu mẫu và các thay đổi động của nội dung.
Mẹo và lưu ý
Mẹo: Ngoài ra, hãy xem phần tử <noscript> để biết những 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 các 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 bao bọc bên trong phần CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Thuộc tính toàn cầu
Thẻ <script>cũng hỗ trợ Thuộc tính chung trong HTML .
Các trang liên quan
Hướng dẫn HTML: Tập lệnh HTML
Tham chiếu HTML DOM: Đố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ị <script>phần tử với các giá trị mặc định sau:
script {
display: none;
}