Thẻ script trong HTML
Trong bài này chúng ta sẽ tìm hiểu thẻ script trong HTML, đây là thẻ dùng để khai báo mã Javascript cho trang web.
1. Thẻ script là gì?
Thẻ script sẽ định nghĩa các đoạn mã Javascript nằm trong nó. Phần mã script có thể chứa các câu lệnh Javascript hoặc liên kết tới một file Javascript nào đó bên ngoài.
Nếu tài liệu html không có sử dụng javascript thì bạn không cần phải khai báo thẻ script.
Thẻ này có thể đặt ở bất kì đâu trên trang web. Tuy nhien, thường thì người ta sẽ đặt ở trong thẻ head
hoặc phía cuối cùng của trang.
Bài viết này được đăng tại [free tuts .net]
Nó có hai cách sử dụng cơ bản như sau:
<script> // Mã JS </script> <script src="URL_JS_FILE"></script>
Trong đó cách 1 là ta sẽ đặt mã JS vào bên trong luôn. Còn cách 2 thì ta sẽ đặt nó vào một file .js
riêng, sau đó truyền nó vào thuộc tính src
của thẻ.
2. Cách sử dụng thẻ script trong HTML
Ví dụ: Sử dụng thẻ script để gắn sự kiện click vào button:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction() { document.getElementById("demo").innerHTML = "Hello freetuts.net!"; } </script> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <p>Click để chạy đoạn scipt!</p> <button onclick="myFunction()">Run script</button> <p id="demo"></p> </body> </html>
Nếu bạn chưa học javascript thì có thể tạm bỏ qua phần này nhé.
Thuộc tính của thẻ script:
- charset - chỉ định character encoding được sử dụng.
- src - đường dẫn tới file javascript muốn liên kết.
Trình duyệt hỗ trợ:
- Chrome
- Firefox
- IE
- Safari
- Opera