2

配列とローダー関数を設定することで、ウィンドウの読み込み時に個別のJavascriptファイルから関数を動的に読み込むことはできますか？

4

2 に答える 2

1

最も簡単な方法は<script>、DOMに要素を動的に追加することです。

<script>
var scripts = [ 'a.js', 'b.js', ... ];
for (var i = 0; i < scripts.length; ++i) {
  document.write('<script src="' + scripts[i] + '"></' + 'script>');
}
</script>

DOMContentReadyこれは、イベントが発生する前にのみ実行できることに注意してください。

ところで、イベントGoogleClosureLibraryはこの手法を使用しています。また、補足として、スクリプトを1つのファイルに連結して、自分自身（およびユーザー）のHTTP要求を保存し、ページの読み込みを高速化することをお勧めします。

これのすばらしい点は、スクリプトが終了タグの直後にダウンロードおよび評価されるため、スクリプトを</script>使用する前に他の何かを待つ必要がないことです。

<!-- Let's pretend that a.js defines a function A() -->
<script>document.write('<script src="a.js"></' + 'script>');</script>
<script>
var a = new A();
</script>
于 2012-11-15T19:44:34.323 に答える
0

実際、私はこれを単なるコメントではなく答えにすることもできます。require.jsはまさにあなたが探している機能を備えています。具体的には、このドキュメントページを見て、ブラウザ内での使用を確認してください。

于 2012-11-15T19:41:37.727 に答える