ホームページ >ウェブフロントエンド >jsチュートリアル >スクリプトを動的にロードして JavaScript のパフォーマンスを向上させる_JavaScript のヒント
スクリプトを動的にロードして JavaScript のパフォーマンスを向上させる_JavaScript のヒント
- WBOYオリジナル
- 2016-05-16 16:58:35804ブラウズ
ドキュメント オブジェクト モデル (DOM) を通じて、HTML のほぼすべてのコンテンツを Javascript で動的に作成できます。基本的なことは、<script> タグはページ内の他の要素と何ら変わりません。これらの要素はすべて DOM を通じて参照でき、ドキュメント内で移動、削除、作成することもできます。標準の DOM メソッドを使用して新年の <script> 要素を作成するのは非常に簡単です: <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="27506" class="copybut" id="copybut27506" onclick="doCopy('code27506')"><u>コードをコピーします</u></a></span> コードは次のとおりです。 :</div> <div class="codebody" id="code27506"> <br><script type="text/javascript"> <br>var script=document.createElement("script"); <br>script.type="text/javascript"; <br> script.src="file1.js"; <br>document.getElementByTagName("head")[0].appendChild(script); <br><br> </div>この新しく作成された <script> 要素は、file1.js ファイルを読み込みます。この要素がページに追加されると、ファイルのダウンロードが開始されます。このテクノロジーの重要な点は、ダウンロードがいつ開始されたとしても、ファイルのダウンロードと実行のプロセスがページ上の他のプロセスをブロックしないことです。ページの残りの部分に影響を与えることなく、ページの <head> 領域にコードを配置することもできます。</script>