2012-03-05 39 views
9

Tôi đang cố tạo một tệp javscript để tạo ra một sơ đồ openheatmap. Tôi cần bao gồm hai tệp src javascript khác nhau nhưng những gì tôi hiện đang làm không hoạt động, đây là những gì tôi đang làm bây giờ.Javascript nhiều tập lệnh src

<html> 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://static.openheatmap.com/scripts/jquery.openheatmap.js" type="text/javascript"></script> 

Có cách nào tốt hơn để làm điều này không?

+2

tại sao có thẻ 'script' thứ ba không được đính kèm? – cambraca

+5

Đó là cách chính xác để bao gồm nhiều tập lệnh. Bạn nên viết một [ví dụ ngắn, tự chứa, đúng] (http://sscce.org/) về vấn đề của bạn. Ngoài ra, jQuery 1.4.2? Loại cũ bạn không nghĩ? – Phil

+0

thẻ tập lệnh kết thúc thứ ba nằm ở cuối tệp của tôi, sau ba dòng đó tôi có mã javascript còn lại. Và vâng tôi đồng ý nó là một phiên bản cũ. – ewein

Trả lời

7

Có cách tốt hơn để bao gồm tệp JavaScript - bạn làm điều đó muộn trong tệp của mình, đặc biệt là khi tập lệnh không được bạn lưu trữ. Điều này cho phép trang tải mà không bị chặn tải tài nguyên bên ngoài.

Vì vậy, tôi khuyên bạn nên đặt tất cả tập lệnh ngay trước thẻ đóng body. Bạn thậm chí có thể thực hiện bước này thêm và tải các tập lệnh mà không chặn hiển thị trang mà bạn có thể thực hiện với thuộc tính trì hoãn (không giống thuộc tính async đảm bảo thứ tự thực thi, trông quan trọng trong ví dụ của bạn).

<script defer src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script defer src="http://static.openheatmap.com/scripts/jquery.openheatmap.js"></script> 
    <script defer> 
     // JavaScript here... 
    </script> 
</body> 

Bạn cũng có thể sử dụng thuộc tính onload với thuộc tính trì hoãn để chỉ định phương thức chạy khi DOM sẵn sàng.

<script defer onload="MyStuff.domLoaded();"> 

Đối với một phần khác của câu hỏi của bạn, về việc liệu tập lệnh của bạn có hoạt động hay không, vui lòng cung cấp thêm một số thông tin.

Các vấn đề liên quan