ウェブページ内にJavaScriptを含める

Question

（PHPベースの）ウェブページに複数のJavaScriptファイルを含めることをお勧めしますか？

jQueryを使用するウェブサイトと、特定のページに最大約10個のプラグインがあります。私は開発者としての私の人生を簡単にし、それらがユーザーに最も良く提供されることを保証するために、これらのファイルをすべて含めることをお勧めします。

理想的には、各ページごとに必要なプラグインを呼び出すために使用できるPHPハンドラファイルを作成するのが最も簡単な方法だと思って、document.write（）を使用して 'include'個々のプラグインに複数のdocument.writeと

<script src="handler.php?jquery,plugin1,plugin2,plugin3,plugin4"></script> 

かもしれない、出力のJavascript（）さん：そうのようなページ上の各プラグインJSファイル、。

しかし、一部のブラウザではクエリ文字列を含むアイテムのキャッシュを無視するため、ブラウザキャッシュに問題が生じる可能性があります。

これは問題ありませんか？それとも簡単な方法がありますか？

Answer 1

ジョエリー、

ブラウザはquestionmarksに問題のキャッシュのURLのを持っていません。 おそらく別のjsファイルを含むjsファイルを含めないほうがよいでしょう。 含まれるはずのすべてのjsファイルを管理するスクリプトをすでに作成している場合は、それらのスクリプトタグをすべてそこに出力してください。

Answer 2

あなたはすなわち、Google AJAX APIに興味がある可能性が：

google.load("jquery", "1.3.2"); 
google.load("jqueryui", "1.7.1"); 
google.load("prototype", "1.6.0.3"); 

Answer 3

理由だけではなく、自分の<script>タグと個別の各ファイルを含んでいませんか？すべてが個別にキャッシュされ、すべてがうまくいく。それは、最初のページの読み込みで多くのHTTP要求に過ぎません。毎回「インクルードファイル」を動的に構築することは、パフォーマンスにとっておそらくそれほど優れていないでしょう。

スクリプトの組み合わせは大きく異なりますか？本当にHTTPリクエストを減らしたい場合に、同じ10個のファイルを常に含んでいる場合は、すべてを1つの長いファイルにまとめてください。

Answer 4

ファイルを個別にインクルードすることを嫌う人は、おそらくプラグイン名のリストを指定してスクリプトタグを生成するPHP関数を書くことができます。

Answer 5

function loadScripts(funcs){ 
    //funcs being an array list of paths to the scripts. 
    var temp; 

    //lets get a reference to the head tag 
    var h = document.getElementsByTagName('head')[0]; 
    for(var i=0; i < funcs.length; i++){ 
     temp = document.createElement('script'); 
     temp.setAttribute('src', funcs[i]); 
     temp.setAttribute('type', 'text/javascript'); 
     h.appendChild(temp); 
    } 
}