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 8191 lượt xem

Tìm hiểu về các khái niệm Components, Props, State trong ReactJS

Devsne VN 9031 lượt xem

VueJs cho người mới bắt đầu (P1)

Devsne VN 7809 lượt xem

Dependent Dropdown In Laravel 9 Vue JS

Devsne VN 1898 lượt xem

Enhancing NodeJS Performance with Redis: Fast and Powerful Solutions

Devsne VN 10515 lượt xem

Authentication sử dụng Laravel passport và NuxtJS

Devsne VN 6690 lượt xem

NuxtJS - Framework không thể không biết với lập trình viên Vue.js

Devsne VN 10391 lượt xem

Authentication Với NestJS và Passport (Phần 1)

Devsne VN 9387 lượt xem

Integrating Next.js for Hybrid Client-Server Rendering

Devsne VN 5856 lượt xem

Xây dựng ứng dụng Todo đơn giản với NuxtJS và Vuex

Devsne VN 7190 lượt xem

Tạo khuôn khổ REST API với Node.js

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ụ