Chúng ta có thể tạo tệp JavaScript bên ngoài và nhúng nó vào nhiều trang HTML.
Nó cung cấp khả năng sử dụng mã vì tệp JavaScript đơn có thể được sử dụng trong một số trang HTML.code re usability because single JavaScript file can be used in several html pages.
Một tệp JavaScript bên ngoài phải được lưu bởi tiện ích mở rộng .js. Bạn nên nhúng tất cả các tệp JavaScript vào một tệp. Nó tăng tốc độ của trang web.
Hãy tạo một tệp JavaScript bên ngoài in Hello javatpoint trong hộp thoại cảnh báo.
message.js
Hãy bao gồm tệp JavaScript vào trang HTML. Nó gọi chức năng JavaScript khi nhấp vào nút.
index.html
Ưu điểm của JavaScript bên ngoài
Sẽ có những lợi ích sau nếu người dùng tạo JavaScript bên ngoài:
- Nó giúp tái sử dụng mã trong hơn một tệp HTML.
- Nó cho phép dễ dàng đọc mã.
- Nó hiệu quả về thời gian khi các trình duyệt web lưu trữ các tệp JS bên ngoài, giúp giảm thêm thời gian tải trang.
- Nó cho phép cả nhà thiết kế web và lập trình viên làm việc với các tệp HTML và JS tương đương và riêng biệt, tức là, mà không phải đối mặt với bất kỳ mâu thuẫn mã nào.
- Độ dài của mã giảm khi chỉ chúng ta cần chỉ định vị trí của tệp JS.
Nhược điểm của JavaScript bên ngoài
Có những nhược điểm sau đây của các tệp bên ngoài:
- STEALER có thể tải xuống mã của coder bằng URL của tệp JS.
- Nếu hai tệp JS phụ thuộc vào nhau, thì lỗi trong một tệp có thể ảnh hưởng đến việc thực thi tệp phụ thuộc khác.
- Trình duyệt web cần thực hiện một yêu cầu HTTP bổ sung để lấy mã JS.
- Một thay đổi lớn đến một thay đổi lớn trong mã JS có thể gây ra kết quả bất ngờ trong tất cả các tệp phụ thuộc của nó.
- Chúng ta cần kiểm tra từng tệp phụ thuộc vào tệp JavaScript ngoài được tạo.
- Nếu đó là một vài dòng mã, thì tốt hơn là thực hiện mã JavaScript nội bộ.
Nhận xét
- Gửi phản hồi của bạn đến [Email & NBSP; được bảo vệ]
Giúp đỡ người khác, xin vui lòng chia sẻ
Quay lại trang 9 của lớp »
Bao gồm JavaScript trong trang của bạn là một quá trình khá đơn giản.
Đầu tiên, JavaScript là gì?
Từ trang web của các trường W3C:
- JavaScript được thiết kế để thêm tính tương tác vào các trang HTML
- JavaScript là ngôn ngữ kịch bản
- Ngôn ngữ kịch bản là ngôn ngữ lập trình nhẹ
- JavaScript thường được nhúng trực tiếp vào các trang HTML
- JavaScript là một ngôn ngữ được giải thích (có nghĩa là các tập lệnh thực thi mà không cần biên dịch sơ bộ)
- Mọi người đều có thể sử dụng JavaScript mà không cần mua giấy phép
Bao gồm cả JavaScript
Bạn có thể bao gồm JavaScript trong HTML của mình theo hai cách:
- Viết mã trong HTML của bạn
- Bao gồm nó như một liên kết đến một tệp bên ngoài
Đối với hầu hết các phần, bạn sẽ bao gồm JavaScript như một tệp bên ngoài.
Thẻ Script
Thẻ <script> là những gì chúng tôi sử dụng để bao gồm JavaScript của chúng tôi. Nó rất giống với thẻ <link> mà bạn đã sử dụng để bao gồm các tệp CSS của mình.
Đây là một đoạn trích rất cơ bản của JavaScript bằng cách sử dụng thẻ tập lệnh. JavaScript này được viết trực tiếp vào trang HTML của chúng tôi. Nó sẽ gọi và cảnh báo hộp ngay khi trang tải.
<script type="text/javascript"> alert("This alert box was called with the onload event"); </script>Khi sử dụng thẻ tập lệnh, chúng ta phải luôn sử dụng tên và giá trị thuộc tính của type="text/javascript".
Sử dụng thẻ script để bao gồm tệp JavaScript bên ngoài
Để bao gồm một tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ tập lệnh với 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.
<script type="text/javascript" src="path-to-javascript-file.js"></script>Thẻ tập lệnh này phải được bao gồm giữa các thẻ <head> trong tài liệu HTML của bạn.
Các tập tin JavaScript
Các tệp JavaScript không phải là tệp HTML hoặc tệp CSS.- Luôn kết thúc với tiện ích mở rộng JSjs extension
- 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 JS trên các trang web, như vậy:folder called js on websites, like so:
Bản demo đơn giản bao gồm JavaScript
Dưới đây là một minh chứng rất đơn giản về cách đưa tệp JavaScript bên ngoài vào trang HTML.
- Ví dụ JavaScript cơ bản
JavaScript của người khác
Đối với lớp này, bạn không được kỳ vọng sẽ viết bất kỳ mã JavaScript thực tế nào. May mắn cho bạn, nhiều người đã viết rất nhiều JavaScript và thậm chí cho phép bạn sử dụng nó miễn phí.
Khung JavaScript
Một khung về cơ bản là một thư viện mã cho một ngôn ngữ nhất định. Nói chung, khung tóm tắt các nhiệm vụ phổ biến và giúp các nhà thiết kế và nhà phát triển dễ dàng và nhanh hơn để viết mã cụ thể của họ. Các khung không thực sự tự làm bất cứ điều gì, họ chỉ cung cấp một nền tảng dễ dàng hơn cho mọi người để xây dựng.
Khung JavaScript thông thường:
- JQuery
- Nguyên mẫu
- Mootools
- script.aculo.us
Trong số các khung này, JQuery hiện là phổ biến nhất. Nó cũng là thứ mà bạn thích nhất khi gặp phải được sử dụng như một từ buzz.
Kích thước tệp JavaScript
Nhiều tệp JavaScript có thể có xu hướng khá lớn, có thể làm chậm thời gian tải của trang của bạn. Các khung phổ biến thường cung cấp một phiên bản "thu nhỏ" của mã của họ. Bạn nên luôn luôn sử dụng phiên bản này trong các trang của mình vì nó sẽ có kích thước tệp nhỏ hơn.
Quay lại trang 9 của lớp »