Để 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
Như chúng ta biết rằng JavaScript là một trong những ngôn ngữ lập trình thông dịch, cấp cao phổ biến nhất trên thế giới. Bây giờ nó có khả năng làm hầu hết mọi thứ mà chúng ta đang làm trong các ngôn ngữ lập trình khác. Để biết thêm về kiểm tra các
Những gì chúng ta sẽ xây dựng
Trong hướng dẫn này, chúng tôi sẽ tạo và lưu dữ liệu vào một tệp văn bản. Để làm điều đó, chúng tôi sẽ viết
- Một hàm JavaScript kích hoạt sự kiện nhấp vào nút
- Tạo một hàm tạo
Blob
, truyền dữ liệu vào đó để lưu và đề cập đến loại dữ liệu - Và cuối cùng, gọi hàm
saveAs[Blob object, "your-file-name.text"]
của FileSaver. thư viện js
Ghi chú. Để tạo và lưu dữ liệu vào tệp văn bản, tôi đã sử dụng FileSaver của bên thứ ba. thư viện js
Hãy nhảy vào phần thú vị thực sự của mã
1. Lưu dữ liệu tĩnh
1. 1 Tạo một chức năng thực thi trên nút nhấn sự kiện
function saveStaticDataToFile[] {
}
1. 2 Khởi tạo đối tượng Blob
và chuyển một chuỗi văn bản làm tham số đầu tiên và loại blob làm tham số thứ hai
var blob = new Blob[["Welcome to Websparrow.org."],
{ type: "text/plain;charset=utf-8" }];
1. 3 Bây giờ gọi hàm
function saveStaticDataToFile[] {
}
0 lấy đối tượng blob làm đầu vào và cho phép bạn lưu tệp trên trình duyệt websaveAs[blob, "static.txt"];
Kiểm tra ví dụ đầy đủ
How to Create and Save text file in JavaScript
function saveStaticDataToFile[] {
var blob = new Blob[["Welcome to Websparrow.org."],
{ type: "text/plain;charset=utf-8" }];
saveAs[blob, "static.txt"];
}
Click to Save
2. Lưu dữ liệu động
Để lưu dữ liệu người dùng nhập vào thành file văn bản, trước tiên, chúng ta cần lưu dữ liệu người dùng vào một biến và truyền biến đó dưới dạng tham số đầu tiên là Blob
. Kiểm tra ví dụ mã hoàn chỉnh
Đặt tập lệnh ở dưới cùng của phần tử sẽ cải thiện tốc độ hiển thị, vì việc giải thích tập lệnh làm chậm màn hình
JavaScript bên ngoài
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[] {
tài liệu. getElementById["bản trình diễn"]. innerHTML = "Đoạn đã thay đổi. ";
}
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. 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 thuộc tính [nguồn] src
của
function saveStaticDataToFile[] {
}
3