Để 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 src. Bạn đã sử dụng thuộc tính src 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
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
Đưa các trang web của bạn lên cấp độ tiếp theo bằng cách khai thác JavaScript. Tìm hiểu trong bài viết này cách kích hoạt JavaScript ngay từ tài liệu HTML của bạn
điều kiện tiên quyết. Bạn cần làm quen với cách tạo một tài liệu HTML cơ bản. Khách quan. Tìm hiểu cách kích hoạt JavaScript trong tệp HTML của bạn và tìm hiểu các phương pháp hay nhất quan trọng nhất để giữ cho JavaScript có thể truy cập đượcJavaScript là ngôn ngữ lập trình chủ yếu được sử dụng phía máy khách để làm cho các trang web tương tác. Bạn có thể tạo các trang web tuyệt vời mà không cần JavaScript, nhưng JavaScript mở ra một cấp độ khả năng hoàn toàn mới
Ghi chú. Trong bài viết này, chúng ta sẽ xem xét mã HTML mà bạn cần để JavaScript có hiệu lực. Nếu bạn muốn tự học JavaScript, bạn có thể bắt đầu với bài viết cơ bản về JavaScript của chúng tôi. Nếu bạn đã biết điều gì đó về JavaScript hoặc nếu bạn có nền tảng về các ngôn ngữ lập trình khác, chúng tôi khuyên bạn nên xem trực tiếp Hướng dẫn về JavaScript của chúng tôi
Trong trình duyệt, JavaScript không tự làm bất cứ điều gì. Bạn chạy JavaScript từ bên trong các trang web HTML của mình. Để gọi mã JavaScript từ bên trong HTML, bạn cần có phần tử . Có hai cách để sử dụng script, tùy thuộc vào việc bạn đang liên kết với tập lệnh bên ngoài hay nhúng tập lệnh ngay trong trang web của mình
Thông thường, bạn sẽ viết kịch bản theo cách riêng của họ. tập tin js. Nếu bạn muốn thực hiện một. js từ trang web của bạn, chỉ cần sử dụng với thuộc tính src trỏ đến tệp tập lệnh, sử dụng URL của nó
Bạn cũng có thể thêm mã JavaScript giữa các thẻ thay vì cung cấp thuộc tính src
window.addEventListener["load", [] => {
console.log["This function is executed once the page is fully loaded"];
}];
Điều đó thuận tiện khi bạn chỉ cần một chút JavaScript, nhưng nếu bạn giữ JavaScript trong các tệp riêng biệt, bạn sẽ thấy dễ dàng hơn
- tập trung vào công việc của bạn
- tự viết HTML
- viết các ứng dụng JavaScript có cấu trúc
Khả năng truy cập là một vấn đề chính trong bất kỳ sự phát triển phần mềm nào. JavaScript có thể làm cho trang web của bạn dễ truy cập hơn nếu bạn sử dụng nó một cách khôn ngoan hoặc nó có thể trở thành thảm họa nếu bạn sử dụng tập lệnh một cách cẩu thả. Để làm cho JavaScript hoạt động có lợi cho bạn, bạn nên biết về một số phương pháp hay nhất nhất định để thêm JavaScript