日常のフロントエンド開発では、JavaScript コードを動的に挿入する必要がある場合があります。基本的な考え方は次のとおりです。1. スクリプト タグを動的に作成し、その src 属性、type 属性などを設定します。 2 、スクリプト ノードをページに挿入し、js ファイル をロードします。これは、 を追加するのと同じです。ただし、このプロセスは動的に完了し、関数はこの目的のために特別にカプセル化されます: <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="78712" class="copybut" id="copybut78712" onclick="doCopy('code78712')"><u>コードをコピー</u></a></span>コードは次のとおりです。 </div> <div class="codebody" id="code78712"> <br>// スクリプト タグを動的に挿入します <br>function createScript(url, callback){ <br>var oScript = document.createElement('script'); .type = 'text/javascript'; <br>oScript.async = true; <br>/* <br>** スクリプト タグの onload および onreadystatechange イベント/7/8 は onreadystatechange イベントをサポートします<br>** IE9/10 は onreadystatechange および onload イベントをサポートします<br>** Firefox/Chrome/Opera は onload イベントをサポートします<br>*/ <br><br>// IE8 以下を決定しますブラウザ<br>var isIE = ! -[1,]; <br>if(isIE){ <br>alert('IE') <br>oScript.onreadystatechange = function(){ <br>if(this.readyState == 'loaded' || this .readyState == 'complete'){ <br>callback(); <br>} <br>} else { <br>// IE9 以降のブラウザ、Firefox、 Chrome、Opera <br>oScript .onload = function(){ <br>callback(); <br>} <br>} <br>document.body.appendChild(oScript); > <br>次のように使用します: <br><br><br><br><br>コードをコピー </div> <br><br> コードは次のとおりです: <div class="codetitle"><span> <a style="CURSOR: pointer" data="70426" class="copybut" id="copybut70426" onclick="doCopy('code70426')">createScript ('xxx.js', function() { <u>console.log('OK'); </u>});</a></span></div>