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

Autocomplete Search using Bootstrap Typeahead JS

Devsne VN 8994 lượt xem

Fullstack React với Blitzjs (P1) - Giới thiệu

Devsne VN 8074 lượt xem

Cơ chế xác thực JSON Web Token (JWT) hoạt động như thế nào?

Devsne VN 10496 lượt xem

Authentication sử dụng Laravel passport và NuxtJS

Devsne VN 7194 lượt xem

VueJS: Quản lý giỏ hàng trong VueApp với Vuex và ? (Phần 2)

Devsne VN 1683 lượt xem

Node.js - Bài 2: Node.js modules, xử lý File với module fs

Devsne VN 7009 lượt xem

Customizing Pagination in Next.js: Tips and Tricks

Devsne VN 10451 lượt xem

Tổng quan về NodeJS - Một số điểm khác biệt với PHP

Devsne VN 6353 lượt xem

NestJS Pipes

Devsne VN 5933 lượt xem

[ExpressJS] Bài 3 - Điều Hướng Cơ Bản

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ụ