javascript_javascript スキルで js ファイルを動的にロードするためのさまざまなソリューションの概要-jsチュートリアル-php.cn

javascript_javascript スキルで js ファイルを動的にロードするためのさまざまなソリューションの概要

WBOY

リリース： 2016-05-16 17:14:45

オリジナル

1173 人が閲覧しました

比較メソッドはすべて動的に追加されます

コードをコピーコードは次のとおりです:

/* 
 js v1.0 を動的にロードします: dum 
 使用法: src="webJsBase.js?load=a,b"
 注: js をこのディレクトリにロードします 
*/
var webJsBase = {
 require: function(libraryName) {
 document.write(''); 
 },
load: function(defaultLoad) {
 if((プロトタイプのタイプ=='未定義')||(要素のタイプ == '未定義')||(要素のタイプ.メソッド=='未定義') )
 throw ('プロトタイプ ライブラリのロードに失敗しました!');
 if(typeofdefaultLoad=='未定義')defaultLoad='';
 var js = /webJsBase.js(?.* )?$ //; 
 var path = s.src.replace(js, '');
 var include = s.src.match(/?.*load=([a-zA-Z0- 9_,]*)/ ;
 });
 }
};
webJsBase.load(); //このパラメータはデフォルトでロードされる js ファイルを指定できます




これは、次に示すように、ロード直後に document.write を使用する最も簡単な方法です。 

コードをコピー

コードは次のとおりです:");

スクリプトに ID を追加し、既存のスクリプトの src 属性を動的に変更します

コードをコピーします

コードは次のとおりです次のように: <スクリプト言語="javascript"> s1.src="test.js"

ここでは getElementsByTagName('HEAD') を使用してスクリプト要素を動的に作成します

コードをコピー

コードは次のとおりです: <script> var oHead = document.getElementsByTagName('HEAD').item(0); </div> var oScript= document.createElement("script");<div class="codebody" id="code8277"> <br> oScript.type = "text/javascript"; <p> oScript.src="test.js";</p> <p> oHead.appendChild(oScript);</p> <p></script>

これを試して、関数をカスタマイズすることもできます

コードをコピーします

コードは次のとおりです:function include(src) {HTMLCode = '';document.write(HTMLCode); }

メソッドを呼び出して、php の include 関数のようになります

コードをコピー

コードは次のとおりです:include(baseDir "/Prototype.js");include(baseDir "/Map.js");include(baseDir "/MapEvent.js ");

include(baseDir "/model/MapModel.js");

include(baseDir "/model/MapType.js");
include(baseDir "/model/Tile.js");

Some friends said that you can use ExtJs4 to dynamically load js. I won’t introduce it here. The above method is enough for you to dynamically load js.

So while using this method to dynamically load Js, the Js script on the main interface continues to execute, so the Js code loaded asynchronously may not get the expected effect.

At this time, you can consider using Ajax to load Js.