Các tệp javascript nên đi đâu?

Các trình duyệt được tối ưu hóa để tránh sơn lại giao diện người dùng bất cứ khi nào có thể. Nếu trình duyệt tìm thấy tệp CSS, trình duyệt sẽ tiếp tục tải xuống nội dung nhưng dừng hiển thị cho đến khi tệp CSS được tải xuống và phân tích cú pháp

Vì CSS thay đổi cách trình bày HTML, nên trình duyệt muốn biết cách thực hiện đúng để tránh vẽ giao diện người dùng hai lần

Nếu trình duyệt tìm thấy tệp JavaScript, trình duyệt sẽ dừng hiển thị và dừng tải xuống các tệp khác. Vì JS có thể thêm và xóa các phần tử khỏi giao diện người dùng nên trình duyệt muốn biết bố cục cuối cùng là gì trước khi tiếp tục

Các tệp JavaScript cũng có thể được tải với các thuộc tính async và defer

<script async src="script1.js">script>
<script defer src="script1.js">script>

Thuộc tính defer yêu cầu trình duyệt tải xuống tệp, nhưng hãy đợi cho đến khi tất cả những thứ khác được thực hiện trước khi chạy tệp. Thuộc tính async yêu cầu trình duyệt tải xuống tệp này, nhưng đừng ngừng tải xuống các tệp khác trong khi bạn thực hiện. Cả hai có thể được sử dụng cùng nhau

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ụ

<____9

<2<3

<4<5

<2<7

Để 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 async7. Bạn đã sử dụng thuộc tính async7 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

• 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

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

JS (JavaScript) are files that contain JavaScript code for execution on web pages. JavaScript files are stored with the .js extension. Inside the HTML document, you can either embed the JavaScript code using the tags or include a JS file. Similar to CSS files, JS files can be included in multiple HTML documents for code reusability. JavaScript can be used to manipulate the HTML DOM.

Tóm tắt lịch sử

JavaScript lần đầu tiên được vận chuyển như một phần của Trình duyệt điều hướng vào tháng 9 năm 1995 với tên LiveScript của Netscape. Nó được đổi tên thành JavaScript ba tháng sau đó. Năm 1996, trình thông dịch của Bộ điều hướng được thiết kế ngược của Microsoft để tạo ra JScript. JScript được phát hành cùng với Internet Explorer và rất khác so với JavaScript

Netscape đã gửi JavaScript tới ECMA International dẫn đến việc phát hành chính thức đặc tả ECMAScript đầu tiên vào năm 1997. ECMAScript 2 được phát hành vào năm 1998, ECMAScript 3 vào năm 1999 và công việc trên ECMAScript 4 bắt đầu vào năm 2000 nhưng chưa bao giờ đạt được kết quả

Jesse James Garrett vào năm 2005 đã phát hành sách trắng trong đó ông đặt ra thuật ngữ Ajax. Điều này đã sử dụng JavaScript làm xương sống để tạo các ứng dụng web tải dữ liệu ở chế độ nền và tránh tải lại toàn bộ trang. Điều này dẫn đến việc tạo ra các thư viện như JQuery, Prototype, Dojo, v.v.

Google đã phát hành trình duyệt Chrome với công cụ JavaScript V8 vào năm 2008. Đầu năm 2009, một thỏa thuận đã được thực hiện để kết hợp tất cả các công việc có liên quan và thúc đẩy JavaScript phát triển. Điều này dẫn đến việc phát hành Tiêu chuẩn ECMAScript 5 vào tháng 12 năm 2009

Cách sử dụng tệp JS

Để sử dụng tệp JS, bạn đưa nó vào tài liệu HTML. Bạn sử dụng thẻ link để gộp file như hình bên dưới

<script src="site.js">script>

Thuộc tính src của thẻ script chứa đường dẫn đến tệp JS. Bằng cách này, chức năng JS được thêm vào tài liệu HTML

Cú pháp JS

Các tệp JavaScript có thể chứa các biến, toán tử, hàm, điều kiện, vòng lặp, mảng, đối tượng, v.v. Đưa ra dưới đây là một tổng quan ngắn gọn về cú pháp của JavaScript

JavaScript có nên ở trong một tệp riêng biệt không?

JavaScript đi trước hay sau HTML?