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

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

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

/*
js v1.0 を動的にロードします: dum
使用法: src="webJsBase.js?load=a,b"
注: js をこのディレクトリにロードします
*/
var webJsBase = {
require: function(libraryName) {
document.write('<script type="text/javascript" src="' libraryName '"></script>');
},
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 を使用する最も簡単な方法です。

コードをコピー

コードは次のとおりです:<script language="javascript"> ; document.write("<script src='test.js'></script>");

</script>

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

コードをコピーします

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

</script>

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

コードをコピー

コードは次のとおりです: <script> var oHead = document.getElementsByTagName('HEAD').item(0);

var oScript= document.createElement("script");

oScript.type = "text/javascript";

oScript.src="test.js";

oHead.appendChild(oScript);

</script>

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

コードをコピーします

コードは次のとおりです:function include(src) {HTMLCode = '<script language="javascript" src="' src '"></script>';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.

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。