日常のフロントエンド開発では、JavaScript コードを動的に挿入する必要がある場合があります。基本的な考え方は次のとおりです。1. スクリプト タグを動的に作成し、その src 属性、type 属性などを設定します。 2 、スクリプト ノードをページに挿入し、js ファイル をロードします。これは、 を追加するのと同じです。ただし、このプロセスは動的に完了し、関数はこの目的のために特別にカプセル化されます: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="78712" class="copybut" id="copybut78712" onclick="doCopy('code78712')"><U>コードをコピーコードは次のとおりです。 <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>コードをコピー <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'); });