Bạn có được phép có nguồn thay thế cho tập lệnh không?

Question

Có thể có nguồn thay thế cho javascript trong HTML5 không? Ví dụ, tôi đang sử dụng jQuery, và có nó tại địa phương. Nhưng tôi được phép bao gồm thuộc tính alt để nếu điều đó không hoạt động, jQuery của Google sẽ tải?

Nếu nó hoạt động, mã sẽ giống như thế này: <script src="enter your text here.js" alt="googlescode"></script>

Answer 1

Nếu đó là jQuery, bạn có thể muốn xem this article.

Snippet:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js"></script> 
<script> 
    if (typeof jQuery == 'undefined') { 
     document.write(unescape("%3Cscript src='/js/jquery-2.0.0.min.js' type='text/javascript'%3E%3C/script%3E")); 
    } 
</script> 

Answer 2

Vâng, bạn có thể làm điều đó. HTML5 Boilerplate có một ví dụ điển hình cho tải jQuery.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script> 

Nhưng nó sử dụng nó theo cách khác. Nếu không thể tải tập lệnh từ google, tập lệnh sẽ quay lại tập lệnh cục bộ của bạn.

Bạn nên tải phiên bản CDN làm phiên bản thử đầu tiên, vì nó tải nhanh hơn phiên bản "cục bộ".

Answer 3

Khi thực hiện chúng tôi nhận ra tất cả các câu trả lời trước đây có vấn đề phổ biến mà Chrome sẽ chặn chúng với kết nối chậm kể từ document.write là một đồng bộ chức năng. Vấn đề được thảo luận trong this post.

Giải pháp thường là sử dụng trình tải hiện đại hoặc biên dịch trước mã js.

Tuy nhiên, nếu trường hợp sử dụng của bạn vẫn yêu cầu phương pháp này, bạn cần sử dụng cuộc gọi không đồng bộ. Ví dụ minh họa là the way Google Analytics is loaded.

Về cơ bản, các mã trên chuyển thành:

<script>window.jQuery || (function(){ 
     // Create the DOM node 
     a=document.createElement('script'); 
     a.src="http://path-to-the-script.js"; 
     a.async=1; 
     // Find a node, and insert the script before it 
     m=document.getElementsByTagName('script')[0]; 
     m.parentNode.insertBefore(a,m); 
    })()</script>