18

重複の可能性:
js ファイルを別の js ファイルに含める方法は?

a.js、a1.js、およびの JavaScript ソース ファイルがいくつかあるとしa2.jsます。およびからのa.js呼び出し関数の関数。a1.jsa2.js

ここで、これらすべてのファイルを HTML ページで宣言する必要があります。a.jsHTMLと「インポート/インクルード」a1.js、およびソースファイルa2.jsでのみ宣言したいと思います。a.js

それは理にかなっていますか？JavaScriptでそれを行うことはできますか?

4

3 に答える 3

16

バニラJavaScriptでインポートを指定することはできません。

したがって、ソリューション（重いサーバー側フレームワークを除く）は次のとおりです。

  • 単にインポートを行う

  • jsファイルを連結します（たとえば、クロージャーコンパイラーを使用して、同じ動きでそれらを縮小します）

  • require.jsのようなモジュールitoolを使用する

経験がなく、ファイル数が少ない（15未満）場合は、最初または2番目のソリューションを選択することをお勧めします。モジュールローダーを使用すると、JavaScriptの学習を開始するときにデバッグしたくない副作用が発生する可能性があります。

于 2012-06-28T16:14:52.473 に答える
12

以下をインポートできます。

<script type="text/javascript"src="a1.js"></script>
<script type="text/javascript"src="a2.js"></script>
<script type="text/javascript"src="a3.js"></script>

JS から直接実行する場合は、Ajax を使用できます。この投稿では、 include-javascript-file-inside-javascript-file の方法について説明しています。

于 2012-06-28T16:20:38.383 に答える
2

特定のツールを使用してJavaScript（およびCSS）ファイルをバンドルして、含める必要のあるファイルの数を減らすことができます。これにより、ページの読み込みパフォーマンスも向上します。

これらのツールは、複数のJavaScriptファイルを1つのJavaScriptファイルに結合し（オプションでファイルも縮小します）、複数のCSSファイルを1つのCSSファイルに結合します。これにより、ブラウザからサーバーへのHTTP接続が少なくなるため、シリアルにフェッチされるものが少なくなります。

ASP.Net MVC 4には、次のサポートが組み込まれています。

http://theshravan.net/bundling-and-minification-support-in-asp-net-mvc-4/

Juicerなど、他の環境向けのソリューションも多数あります。

すべてのリソースをバンドルできない場合（おそらく、一部はCDNから取得され、他はローカルで提供されます）、require.jsなどのロードマネージャーを使用できます。

于 2012-06-28T16:12:13.873 に答える