Nội dung chính
Thẻ Script trong HTML
Thẻ HTML script hay thẻ script trong HTML được sử dụng để chỉ định kịch bản phía máy khách như JavaScript. Nó tạo điều kiện cho bạn đặt một kịch bản trong tài liệu HTML của bạn.
JavaScript được sử dụng để thao tác với hình ảnh, xác nhận form và nội dung động.
Khai báo thẻ script
<script> // code javascript </script>
Các thuộc tính của thẻ script trong HTML
| Thuộc tính | Mô tả | Tương thích |
|---|---|---|
| src | Chỉ định URL của file kịch bản từ bên ngoài. | HTML 4.01, HTML5 |
| type | chỉ định loại phương tiện của kịch bản. | HTML 4.01 |
| async | Nó là một giá trị boolean xác định rằng kịch bản được thực hiện không đồng bộ. | HTML5 |
| defer | Nó là một giá trị boolean được sử dụng để chỉ ra rằng kịch bản được thực hiện sau khi tài liệu đã được phân tích cú pháp. | HTML 4.01, HTML5 |
Các dùng thẻ script
Có hai cách sử dụng thẻ HTML script
- Nhúng mã script
- Liên kết đến file script
Nhúng mã script
Thẻ script có thể được sử dụng bên trong thẻ <body> hoặc <head> để nhúng mã script. Hãy xem ví dụ sau về việc sử dụng thẻ script bên trong HTML body.
<html>
<head>
<meta charset="UTF-8"/>
</head>
<body>
<script type="text/javascript">
document.write("JavaScript là một ngôn ngữ đơn giản!");
</script>
</body>
</html>
Kết quả:
Hãy xem ví dụ sau về việc sử dụng thẻ script bên trong HTML head.
<html>
<head>
<script type="text/javascript">
function msg(){
alert("Hello World!");
}
</script>
</head>
<body>
<p>Welcome to Javascript</p>
<form>
<input type="button" value="click here" onclick="msg()"/>
</form>
</body>
</html>
Kết quả:
Click button click here
Liên kết đến file script
Thẻ script trong HTML có thể được sử dụng để liên kết file kịch bản bên ngoài bằng thuộc tính src. Nó chỉ được sử dụng trong thẻ <head>.
Ví dụ:
<script type="text/javascript" src="message.js" />
Trình duyệt hỗ trợ
| Thẻ |  Chrome |  IE |  Firefox |  Opera |  Safari |
| <script> | Yes | Yes | Yes | Yes | Yes |