Tôi nên đặt tập lệnh của mình ở đâu trong html?

JavaScript trong phần thân hoặc phần đầu. Các tập lệnh có thể được đặt bên trong phần thân hoặc phần đầu của trang HTML hoặc bên trong cả phần đầu và phần thân

JavaScript trong đầu. Hàm JavaScript được đặt bên trong phần đầu của trang HTML và hàm này được gọi khi nhấp vào nút

ví dụ




<____5>

   <head>

1<<0>

<2<3

<4<5

<2<7

1<9<0>

   <9____9>

   <html8>

1<>2>3>2>

1<>8 >9   0   1    2   0   4   5>8>

1<<0 <1   0<3 <4   0<66<03<0>

Để bao gồm tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ script có thuộc tính >3. Bạn đã sử dụng thuộc tính >3 khi sử dụng hình ảnh. Giá trị cho thuộc tính src phải là đường dẫn đến tệp JavaScript của bạn

Thẻ tập lệnh này phải được bao gồm giữa các thẻ trong tài liệu HTML của bạn

Tệp JavaScript

Tệp JavaScript không phải là tệp HTML hoặc tệp CSS
  • Luôn kết thúc bằng phần mở rộng js
  • Chỉ bao gồm JavaScript

Theo thông lệ, đặt tất cả các tệp JavaScript vào một thư mục có tên là js trên các trang web, như vậy

Tôi nên đặt tập lệnh của mình ở đâu trong html?

Bản demo đơn giản bao gồm JavaScript

Dưới đây là minh họa rất đơn giản về cách đưa tệp JavaScript bên ngoài vào trang HTML

JavaScript của người khác

Đối với lớp này, bạn không cần phải viết bất kỳ mã JavaScript thực tế nào. Thật may mắn cho bạn, nhiều người đã viết rất nhiều JavaScript và thậm chí còn cho phép bạn sử dụng nó miễn phí

Khung JavaScript

Framework về cơ bản là một thư viện mã cho một ngôn ngữ nhất định. Nói chung, khung trừu tượng hóa các tác vụ phổ biến và giúp các nhà thiết kế và nhà phát triển viết mã cụ thể của họ dễ dàng và nhanh hơn. Các khung không thực sự tự làm bất cứ điều gì, chúng chỉ cung cấp một nền tảng dễ dàng hơn để mọi người xây dựng trên đó

Khung JavaScript phổ biến

Trong số các khung này, JQuery hiện là khung phổ biến nhất. Đó cũng là từ mà bạn muốn gặp nhất khi được sử dụng như một từ thông dụng

Kích thước tệp JavaScript

Nhiều tệp JavaScript có xu hướng khá lớn, điều này có thể làm chậm thời gian tải trang của bạn. Các khung phổ biến thường cung cấp phiên bản mã "rút gọn" của chúng. Bạn phải luôn sử dụng phiên bản này trong các trang của mình vì phiên bản này sẽ có kích thước tệp nhỏ hơn

Trong trình duyệt, JavaScript có thể được sử dụng để làm nhiều việc, nhưng thông thường nhiệm vụ chính của JavaScript là tạo nội dung tương tác hay nói cách khác là xây dựng động DOM. Xem xét điều đó, vị trí nào trong tệp HTML phù hợp nhất cho thẻ >5?

Trong bài viết này, bạn sẽ tìm hiểu về cách chèn mã JavaScript vào tài liệu HTML, những cách có thể thực hiện, sự khác biệt giữa những cách này và hơn thế nữa

Ưu điểm của JavaScript bên ngoài

Đặt mã JavaScript vào tệp js bên ngoài có một số lợi thế so với tập lệnh nội tuyến

  • Việc tách mã HTML và JavaScript sẽ giúp quản lý cơ sở mã dễ dàng hơn
  • Các nhà thiết kế có thể làm việc song song với các lập trình viên mà không bị xung đột mã
  • Hoạt động tốt với các hệ thống kiểm soát phiên bản mã nguồn hiện đại như GIT. Điều đó có nghĩa là mỗi tệp này sẽ duy trì một lịch sử và nó có thể được kiểm tra, kiểm tra bởi nhiều lập trình viên
  • Mã cũng như HTML có thể đọc được dễ dàng
  • Các tệp JavaScript bên ngoài được trình duyệt lưu vào bộ đệm và có thể tăng tốc thời gian tải trang
  • Nhiều gói JavaScript phổ biến có sẵn dưới dạng được lưu trữ trên mạng phân phối nội dung (cdn) và bạn có thể chỉ cần trỏ tới chúng bằng cách sử dụng URL trong src, do đó tránh sao chép tệp js vào thư mục cục bộ

Điều đáng nói là có một số ưu điểm khác, nhưng vì bài viết này dành cho các nhà phát triển không chuyên sâu nên tôi đã chọn không nói về nó

không đồng bộ và trì hoãn

Có nhiều cách để bạn tải JavaScript bên ngoài của mình mà không phải lo lắng về nơi bạn nên đưa nó vào. Hình ảnh này giải thích cách hai thuộc tính này hoạt động và sự khác biệt là gì

Đó là nó cho ngày hôm nay mọi người. Tôi hy vọng bạn thích điều này và tôi hy vọng nó đã giúp bạn hiểu chủ đề này. Cảm ơn bạn đã đọc nó, hẹn gặp lại bạn sớm để biết thêm nội dung. 😄