Trong HTML, mã JavaScript được chèn vào giữa thẻ <script>
và </script>
.
Javascript đặt ở đâu trong HTML
Thẻ <script>
Ví dụ
HTML Iframe
Hàm và sự kiện JavaScript
JavaScript function
à một khối mã JavaScript, có thể được thực thi khi được gọi đến.
JavaScript trong <head> hoặc <body>
Bạn có thể đặt bất kỳ số lượng tập lệnh nào trong tài liệu HTML.
Các tập lệnh có thể được đặt trong <body>
hoặc trong <head>
phần của trang HTML hoặc trong cả hai.
JavaScript trong <head>
Trong ví dụ này, JavaScript function
được đặt trong <head>
phần của trang HTML.
Ví dụ
HTML Iframe
JavaScript trong <body>
Trong ví dụ này, JavaScript function
được đặt trong <body>
phần của trang HTML.
Ví dụ
HTML Iframe
Javascript bên ngoài file HTML
Các tập lệnh cũng có thể được đặt trong các tệp bên ngoài
Tệp bên ngoài: myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
- Các tập lệnh bên ngoài là thực tế khi cùng một mã được sử dụng trong nhiều trang web khác nhau.
- Các tệp JavaScript có phần mở rộng tệp là .js .
- Để sử dụng tập lệnh bên ngoài, hãy đặt tên của tệp tập lệnh trong
src
thuộc tính (nguồn) của<script>
thẻ:
Ví dụ
Ưu điểm Javascript bên ngoài
Đặt tập lệnh trong tệp bên ngoài có một số lợi thế:
- Nó tách HTML và mã
- Nó làm cho HTML và JavaScript dễ đọc và dễ bảo trì hơn
- Các tệp JavaScript được lưu trong bộ nhớ cache có thể tăng tốc độ tải trang
Để thêm một số tệp tập lệnh vào một trang - hãy sử dụng một số thẻ tập lệnh:
Ví dụ
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
Ví dụ
Ví dụ
Ví dụ
Một số bài viết liên quan