1. HTML5 は、スクリプト の async 属性を実装します。また、この新しい属性により、スクリプトは defer 属性も持ちます。現在、すべてのブラウザで使用されており (Firefox と Chrome の初期バージョンを除く)、IE は最初からこれらのプロパティを適切にサポートしています。 コードをコピー コードは次のとおりです: //async <br><br>//defer <br><script async src="dquery.js" defer> <br> ><br> </div> <br>2. async と defer <strong> の違い: </strong>async または defer を含むスクリプトはすぐにダウンロードされ、ページ解析をブロックしません。また、どちらもオプションの onload イベント処理を提供します。スクリプト内 ダウンロードの完了後に呼び出され、このスクリプトに関連する初期化作業が行われます。違いは、async はダウンロードが完了するとすぐ (window.onload イベントの前) に実行され、実行順序が保証されないのに対し、defer は js がページ内にある順序で (DOMContentLoaded の前に) 実行されることを保証することです。イベント)。 <br><br>3. ブラウザの互換性の問題を解決するには、次のコードを使用できます。 <strong> </strong><br><div class="codetitle"><span><a style="CURSOR: pointer" data="87766" class="copybut" id="copybut87766" onclick="doCopy('code87766')">コードをコピー <u></u></a> コードは次のとおりです。 </span></div> <div class="codebody" id="code87766">function Lazyload() { <br>var elem = document.createElement("script"); <br>elem.type = "text/javascript"; 🎜>elem.async = true; <br>elem.src = "js/dquery.js?v=11"; // 対応する JS ファイル <br>document.body.appendChild(elem); ><br>if (window.addEventListener) { <br>window.addEventListener("load", Lazyload, false); <br>} else if (window.attachEvent) { <br>window.attachEvent("onload", Lazyload); <br>} else { <br>window.onload = Lazyload;} <br><br> <br>非同期読み込みなので、対応する js コンテンツを window.onload イベントで使用する必要があります。ページ内で直接、次のようなスクリプト エラーが報告されます: <br><br> </div>