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

[NodeJS] Bài 8 - Event và Emitter

Devsne VN 4971 lượt xem

Frequently Asked React.js Interview Questions - Part 3

Devsne VN 6822 lượt xem

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

Devsne VN 7792 lượt xem

Sự khác biệt giữa mergeMap và switchMap trong RxJs

Devsne VN 8257 lượt xem

Hướng dẫn sử dụng kỹ thuật Render Props trong Vuejs

Devsne VN 7127 lượt xem

Xác thực số điện thoại với Firebase trong ReactJS

Devsne VN 8579 lượt xem

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

Devsne VN 9689 lượt xem

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

Devsne VN 7011 lượt xem

ReactJS | Why super(props) and bind() in constructor

Devsne VN 6683 lượt xem

Giới hạn thời gian xử lý trong NodeJS

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ụ