Javascript đặt ở đâu trong HTML
Học Javascript bắt đầu với Hello, World
Tự làm quen với các bài tập và gửi đoạn code đầu tiên của bạn bằng cách hoàn thành bài đầu tiên "Hello, World!".
Luyện tập
Thẻ <script>

    Trong HTML, mã JavaScript được chèn vào giữa thẻ <script> và </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
Devsne VN 7972 lượt xem

[React JS] Sức mạnh của react-query

Devsne VN 9575 lượt xem

Xem trước hình ảnh khi tải lên bằng Vanilla JS

Devsne VN 9695 lượt xem

Những điều cần nắm về Vuejs

Devsne VN 7760 lượt xem

How To Send Email With Attachment Using Node.js

Devsne VN 9952 lượt xem

Tại sao bạn nên tìm hiểu Next.js

Devsne VN 6436 lượt xem

Kubernetes Practice - Triển khai nodejs microservice trên Kubernetes - phần 1 - Viết config

Devsne VN 8583 lượt xem

3D Text và 3D SVG trong Three.js

Devsne VN 6827 lượt xem

Hướng Dẫn Sử Dụng JSONB Trong Cơ Sở Dữ Liệu Postgres

Devsne VN 7376 lượt xem

How to Use JSON Data Field in MySQL Database

Devsne VN 1213 lượt xem

Laravel 9 Vue JS Search Example

Mục lục
Thẻ <script>
Ví dụ
Hàm và sự kiện JavaScript
JavaScript trong <head> hoặc <body>
JavaScript trong <head>
Ví dụ
JavaScript trong <body>
Ví dụ
Javascript bên ngoài file HTML
Ví dụ
Ưu điểm Javascript bên ngoài
Ví dụ
Ví dụ
Ví dụ