js を非同期でロードする 4 つの方法、レビューが始まります。
オプション 1: $(document).ready
<!DOCTYPE html> <html> <head> <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { alert("加载完成!"); }); </script> </head> <body> <img src="http://images.cnitblog.com/i/121863/201405/222202573569862.jpg" /> </body> </html>
コメント:
1. jquery を引用する必要があります
2. すべてのブラウザと互換性があります。
オプション 2: タグの async="async" 属性
async (HTML5 の属性です) の定義と使い方
async 属性は、スクリプトが利用可能になると非同期で実行されることを指定します。
例:
<script type="text/javascript" src="xxxxxxx.js" async="async"></script>
コメント:
1. HTML5 の新しい属性は、Chrome、FF、IE9 および IE9+ でサポートされています (IE6 ~ 8 はサポートされていません)。さらに、このアプローチでは、スクリプトが順番に実行されることは保証されません。
2. async 属性は外部スクリプトにのみ適用されます (src 属性を使用する場合のみ)。
オプション 3: タグ <🎜 の defer="defer" 属性>
defer 属性は、ページが読み込まれるまでスクリプトの実行を延期するかどうかを指定します。一部の JavaScript スクリプトは document.write メソッドを使用して現在のドキュメント コンテンツを作成しますが、他のスクリプトは使用しない場合があります。
スクリプトがドキュメントのコンテンツを変更しない場合は、