Ngôn ngữ HTML - Thẻ HTML script

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.

Cú pháp:

<script>  
  // code javascript 
</script>  

Các thuộc tính của thẻ script trong HTML

Thuộc tính Giải thích Tương thích
src Chỉ định đường dẫn đến file javascript không cùng trang. HTML 4.01, HTML5
type Khai báo loại ngôn ngữ. 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

  1. Nhúng mã script vào cùng một trang web
  2. 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.

Ví dụ:

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

Xem ví dụ

Ví dụ: Sử dụng thẻ script bên trong HTML head.

<html>
  <head>
    <script type="text/javascript">  
      function msg(){  
       alert("Hello TÔ Mì Gõ!");  
      }  
    </script>  
  </head>
  <body>
    <p>Welcome to Javascript</p>
    <form>  
      <input type="button" value="click here" onclick="msg()"/>  
    </form>
  </body>
</html>

Xem ví dụ

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>.

Cú pháp:

<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