Thẻ Script Trong HTML - Học Html Cơ Bản đến Nâng Cao - VietTuts

Có thể bạn quan tâm

HTML là gì? Định dạng HTML

Nội dung chính

Thẻ Script trong HTML
Các thuộc tính của thẻ script trong HTML
Các dùng thẻ script
- Nhúng mã script
- Liên kết đến file script
Trình duyệt hỗ trợ

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

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ả: