1

私は、HTMLヘッドセクションに10〜15個の.jsファイルを直接含める必要があるプロジェクトに取り組んでいます

<script type="text/javascript" src="http://localhost:9020/website1/wa/min/soundmanager2.js,vars.js,utils/md5.js,utils/utils.js></script>

参照を正しく与える方法は何ですか

参照する必要があるファイルは、次のような同じ階層にあります

1.....2,3 2........4,5 3........6,7

1,4,7 を参照する必要があります。助けてください。

どこかでこの方法を読んだのですが、それは何ですか?

<script type="text/javascript" src="http://localhost:9020/wordplus/root/child/?b=scripts&f=soundmanager2.js,vars.js,utils/md5.js,utils/utils.js></script>
4

5 に答える 5

2

投稿した例は、minify PHP ライブラリのクエリ文字列インターフェイスとまったく同じように見えます: http://github.com/mrclay/minify

それを使用すると、ファッションで使用できます<script src="min/?b=path&f=script1.js,script2.js,ui/script3.js"></script>。pathスクリプトを検索する Web ルートからのパスはどこにありますか。

私は以前にそれを使用したことがありますが、非常に効果的であることがわかりました。JS と CSS を連結、縮小、キャッシュ、および提供します。

同じ効果を実現するライブラリが他にもあると確信しています。代わりに、ビルド スクリプトを作成してすべてのスクリプトを連結および縮小し、単一のスクリプト タグで単一の JS ファイルをサイトにデプロイすることもできます。

于 2012-07-15T17:21:10.453 に答える
0

もう1つの解決策は、JavaScriptビルダーを使用してすべてのファイルを結合し、1つだけを生成することです。このアプローチの長所は、結果ファイルが「圧縮」（縮小）されることです。一部のビルダー：

于 2012-07-15T17:07:33.583 に答える
0

投稿した 2 行目は、サーバーからスクリプトを動的に要求します。リクエストのbパラメーターは、スクリプトが必要であることをf伝え、パラメーターは必要なファイルをサーバーに伝えます。次に、これらを 1 つのファイルに連結し、それをユーザー エージェントに送り返します。これを処理するには、サーバー側のスクリプトが必要です。URL 仕様に組み込まれているものではありません。

http://localhost:9020/wordplus/root/child/
b=scripts
f=soundmanager2.js,vars.js,utils/md5.js,utils/utils.js

最も簡単な解決策は、キャッシュを利用できるように、ファイルごとに 1 つのスクリプト タグを設定することです。

<script src="http://localhost:9020/wordplus/root/child/soundmanager2.js"></script>
<script src="http://localhost:9020/wordplus/root/child/vars.js"></script>
<script src="http://localhost:9020/wordplus/root/child/utils/md5.js"></script>
<script src="http://localhost:9020/wordplus/root/child/utils/utils.js"></script>
于 2012-07-15T16:54:22.850 に答える
0

<script>1 つの要素に複数の JavaScript ファイルをロードすることはできません。

<script>参照しているスクリプトごとに個別の要素が必要です。

<script type="text/javascript"
  src="http://localhost:9020/wordplus/root/child/?b=scripts&f=soundmanager2.js"></script>
<script type="text/javascript"
  src="http://localhost:9020/wordplus/root/child/?b=scripts&f=vars.js"></script>
于 2012-07-15T16:32:38.210 に答える
0

外部の JavaScript ファイルを動的にロードすることで、必要なものが得られると思います。

http://ntt.cc/2008/02/10/4-ways-to-dynamically-load-external-javascriptwith-source.html

http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

于 2012-07-15T16:46:17.080 に答える