Vì vậy, gần đây tôi đã mua và tải xuống một mẫu từ ThemeForest. Tôi thiết lập mẫu trên máy chủ cục bộ của mình. Tôi đã tạo ra điều hướng, có các menu thả xuống, với Codeigniter. Tôi đã có mọi thứ trong menu được mã hóa chính xác. Tôi chỉ có tiêu đề được tạo ra và đi thử nó và nhận ra các menu thả xuống không hoạt động. Tôi đã dành khoảng hai giờ để cố gắng tìm ra những gì sai với mã của tôi. Sau đó, cuối cùng tôi nhận ra rằng các tệp JavaScript được bao gồm trong chân trang của mẫu ... mà tôi chưa tạo.
Vì vậy, câu hỏi của tôi là ... tại sao ai đó sẽ đặt các tệp JavaScript ở chân trang của trang HTML? Tôi nghĩ rằng JS chỉ được cho là nằm trong tiêu đề của tập tin. Đúng?
Đã hỏi ngày 6 tháng 5 năm 2013 lúc 2:53May 6, 2013 at 2:53
ShoeLace1291ShoeLace1291ShoeLace1291
4.41312 Huy hiệu vàng44 Huy hiệu bạc78 Huy hiệu đồng12 gold badges44 silver badges78 bronze badges
2
Có nhiều cách khác nhau bạn có thể tải tệp tập lệnh vào trang web.
Nhưng tải các tập lệnh ở cuối trang của bạn có những lợi thế sau.
- Sẽ không chặn bất kỳ nội dung DOM nào được tải.
- Tất cả các phần tử DOM sẽ có sẵn cho các tập lệnh đang được tải.
- Nếu bạn đang sử dụng các thư viện của bên thứ ba như JQuery, bạn có thể bỏ qua
$[document].ready[function [] {...}];vì DOM đã được tải.
Hi vọng điêu nay co ich.
Đã trả lời ngày 6 tháng 5 năm 2013 lúc 3:06May 6, 2013 at 3:06
JavaScript có thể chạy mọi nơi trong trang của bạn. Không chỉ trong tiêu đề!
Nhưng, tốt nhất cho tốc độ trang của bạn được đặt tập lệnh ở dưới cùng [trước khi thẻ đóng cơ thể].
Vấn đề gây ra bởi các tập lệnh là chúng chặn các bản tải xuống song song. Thông số kỹ thuật HTTP/1.1 cho thấy các trình duyệt tải xuống không quá hai thành phần song song cho mỗi tên máy chủ. Nếu bạn phục vụ hình ảnh của mình từ nhiều tên máy chủ, bạn có thể nhận được nhiều hơn hai lượt tải xuống xảy ra song song. Mặc dù một tập lệnh đang tải xuống, tuy nhiên, trình duyệt sẽ không bắt đầu bất kỳ tải xuống nào khác, ngay cả trên các tên máy chủ khác nhau.
Readmore: //developer.yahoo.com/performance/rules.html#js_bottom
Đã trả lời ngày 6 tháng 5 năm 2013 lúc 3:02May 6, 2013 at 3:02
Anh Touanh TúAnh Tú
6367 Huy hiệu bạc19 Huy hiệu đồng7 silver badges19 bronze badges
0
Vấn đề lớn với các tập lệnh ở phía dưới là bạn không thể có bất kỳ tập lệnh nào ở giữa trang [đó là một vấn đề với các trang được tạo động] và bất kỳ tập lệnh cụ thể trang nào bạn muốn áp dụng cho các phần tử trên trang bạn cần đặt Sau khi tải trong thư viện của bạn. Ví dụ, nếu bạn cần tải trong một số nội dung AJAX, bạn chỉ có thể làm điều đó sau khi JS dưới cùng được tải. Vì vậy, vì nhiều lý do, mọi người thích có các thư viện ít nhất được tải ở phía trên [đầu] sau đó chỉ đặt các JS thao túng ở chân
Đã trả lời ngày 29 tháng 8 năm 2017 lúc 22:01Aug 29, 2017 at 22:01
Tôi nhận ra câu hỏi này là 4 tuổi nhưng tôi không thể chống lại việc trả lời ... có một lý do để đặt các kịch bản của bạn vào chân trang, nhưng nó hoàn toàn lỗi thời trong các trình duyệt hiện đại. Khi một trình duyệt gặp phải một thẻ tập lệnh, nó sẽ tải xuống và thực thi JS trước khi tiếp tục phân tích phần còn lại của DOM. Bạn có thể tìm hiểu thêm về cách thức hoạt động của nó bằng cách nghiên cứu cái được gọi là 'con đường kết xuất quan trọng'. Phải thừa nhận rằng, làm thế nào các chức năng này trong thực tế hơi khác so với mô tả, nhưng bạn có thể tự mình kiểm tra bằng cách đặt một tập lệnh tải chậm ngay giữa HTML của bạn như vậy:
some text
this will only appear after slow script is loaded.
... Trước đó, khi JQuery là King đặt tất cả các kịch bản của bạn vào chân trang là cách phổ biến để đối phó với vấn đề này, tức là. Hiển thị người dùng Nội dung ngay sau đó cho phép trình duyệt tải xuống và xử lý JS. TUY NHIÊN! Các trình duyệt hiện đại đã hiển thị thực tiễn này lỗi thời bằng cách giới thiệu các thuộc tính thẻ tập lệnh Async / trì hoãn.
Một khái niệm quan trọng khác mà bạn đã ám chỉ trong câu hỏi của bạn là bộ đệm trình duyệt, bạn đã nói:
Khi tập lệnh được tải, nó sẽ không tải xuống nữa ...
Điều này chỉ là một nửa đúng, bởi vì bộ nhớ cache của trình duyệt là nhỏ và tạm thời. Khi người dùng điều hướng xung quanh các tập lệnh được lưu trong bộ nhớ cache được thanh trừng từ bộ nhớ để nhường chỗ cho các tài sản mới hơn, vì vậy cuối cùng họ sẽ phải được tải lại.
Vì vậy, để trả lời câu hỏi ban đầu, tôi khuyên bạn nên di chuyển các tập lệnh đến đầu tài liệu và sau đó tận dụng các thuộc tính async / trì hoãn. Nếu điều đó là không thể vì một số lý do, kỹ thuật hoặc chính trị, hãy xem xét việc đặt kịch bản của bạn vào một tệp riêng trong chân trang xuất hiện sau khi các tập lệnh khác được tải. Tôi cũng phải hét lên câu trả lời của @Sandman - sử dụng document.addEventListener thay vì tài liệu của JQuery/Ready.