Y compris Javascript dans les pages Web

Question

Quelqu'un peut-il s'il vous plaît recommander la meilleure et la plus simple façon d'inclure plusieurs fichiers Javascript sur une page web (basée sur PHP)?

J'ai un site Web qui utilise jQuery, et n'importe quoi jusqu'à environ 10 plugins sur une page particulière. Je ne suis pas tout à fait sûr de la meilleure façon d'y parvenir, y compris tous ces fichiers pour me rendre la vie simple en tant que dev, et pour s'assurer qu'ils sont mieux servis à un utilisateur. Idéalement, je pensais que la façon la plus simple serait de créer un fichier de gestionnaire PHP que je pourrais utiliser pour appeler les plugins que je demande pour chaque page, et ensuite avoir un fichier javascript de sortie qui utilise document.write() pour 'include' chaque fichier de plugin JS sur la page, comme suit:

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

qui pourrait alors sortie Javascript avec plusieurs document.write() de chaque plug-in individuel. Je suis porté à croire que cela pourrait conduire à des problèmes avec la mise en cache du navigateur, car certains navigateurs ignorent la mise en cache des éléments avec des chaînes de requête.

Est-ce que cela vous convient, ou existe-t-il une méthode plus simple qui me manque peut-être?

Answer 1

Joely,

navigateurs ont aucune URL de mise en cache de problème avec de questionmarks. Il est probablement préférable de ne pas inclure un fichier js, qui inclut à son tour un autre fichier js. Si vous écrivez déjà un script qui gère tous les fichiers js qui sont censés être inclus, pourquoi ne pas afficher toutes ces balises de script?

Answer 2

vous pourriez être intéressé par Google AJAX API, i.e. .:

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

Answer 3

Pourquoi ne pas simplement inclure chacun des fichiers individuellement avec leur propre étiquette <script>? Ensuite, tout est mis en cache individuellement et tout va bien. Ce ne sera que beaucoup de requêtes HTTP sur le chargement de la première page. Construire dynamiquement un "fichier d'inclusion" à chaque fois ne sera probablement pas meilleur pour la performance.

La combinaison de scripts varie-t-elle fortement? Si vous voulez vraiment réduire les requêtes HTTP et que vous incluez toujours les mêmes 10 fichiers, placez-les tous dans un fichier long.

Answer 4

Si vous ne souhaitez pas inclure les fichiers individuellement, vous pouvez probablement écrire une fonction php pour générer les tags de script en fonction d'une liste de noms de plugins.

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); 
    } 
}